ง่ายต่อการสับสนเกี่ยวกับคำศัพท์จาวาสคริปต์ โดยเฉพาะอย่างยิ่งเนื่องจากคำจำกัดความของคำศัพท์บางคำฟังดูคล้ายกับคำอื่นๆ เมธอด vs ฟังก์ชันก็ไม่มีข้อยกเว้น
อันดับแรก มาสร้างข้อเท็จจริงสองประการ:
- วิธีการคือฟังก์ชัน
- ฟังก์ชันก็คือฟังก์ชัน (สิ่งที่คุณสามารถเรียกใช้เพื่อเรียกใช้/รันโค้ดได้)
ความแตกต่างระหว่างฟังก์ชันและวิธีการอยู่ใน วิธีใช้งาน
การทำงานปกติ อยู่ได้ด้วยตัวมันเองและถูกกระตุ้นโดยการเรียกใช้ฟังก์ชัน
ตัวอย่างฟังก์ชันปกติ:
function alertMessage() {
alert("Alert message triggered!")
}
// Call alertMessage function
alertMessage()
วิธีการ เป็นประเภทของฟังก์ชันที่กำหนดให้กับคุณสมบัติของอ็อบเจ็กต์
อีกวิธีหนึ่งในการใช้ถ้อยคำ:วิธีการคือฟังก์ชันที่เป็นคุณสมบัติของวัตถุ
ตัวอย่างวิธีการ:
const blackFridayDeals = {
sony: 'Playstation 5',
discountPopup: function () {
alert(`Get 50% off ${this.sony} only today!`)
},
}
blackFridayDeals.discountPopup()
ในตัวอย่างโค้ดด้านบน คุณมีวัตถุชื่อ blackFridayDeals
.
หนึ่งใน blackFridayDeals
คุณสมบัติวัตถุเรียกว่า discountPopup
.
discountPopup
มีฟังก์ชันที่ได้รับมอบหมาย ซึ่งรันไดอะล็อก alert() (ซึ่งเป็นเมธอด JavaScript ในตัว)