Hàm so với Phương thức - Sự khác biệt là gì?

Rất dễ nhầm lẫn về thuật ngữ JavaScript, đặc biệt là vì một số định nghĩa thuật ngữ nghe giống với các định nghĩa khác. Phương thức vs chức năng không phải là ngoại lệ.

Đầu tiên, hãy thiết lập hai sự kiện:

• Một phương thức là một hàm.
• Một hàm, cũng là một hàm (một cái gì đó mà bạn có thể gọi để chạy / thực thi mã).

Sự khác biệt giữa các hàm và phương thức nằm ở cách chúng được sử dụng.

Một chức năng bình thường tự hoạt động và được kích hoạt bởi một lệnh gọi hàm.

Một ví dụ về chức năng bình thường:

function alertMessage() {
  alert("Alert message triggered!")
}

// Call alertMessage function
alertMessage()

Một phương pháp là một loại chức năng được gán cho một thuộc tính đối tượng.

Một cách diễn đạt khác:một phương thức là một hàm là một thuộc tính của một đối tượng.

Một ví dụ về phương pháp:

const blackFridayDeals = {
  sony: 'Playstation 5',
  discountPopup: function () {
    alert(`Get 50% off ${this.sony} only today!`)
  },
}

blackFridayDeals.discountPopup()

Trong ví dụ mã ở trên, bạn có một đối tượng được gọi là blackFridayDeals .

Một trong những blackFridayDeals thuộc tính đối tượng được gọi là discountPopup .

discountPopup có một hàm được gán, thực thi hộp thoại alert () (là một phương thức JavaScript được tích hợp sẵn).