Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

Function vs. Method — อะไรคือความแตกต่าง?

ง่ายต่อการสับสนเกี่ยวกับคำศัพท์จาวาสคริปต์ โดยเฉพาะอย่างยิ่งเนื่องจากคำจำกัดความของคำศัพท์บางคำฟังดูคล้ายกับคำอื่นๆ เมธอด 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 ในตัว)