Sự khác biệt giữa Function và Method trong JavaScript

NỘI DUNG BÀI VIẾT

Khi các bạn mới học JavaScript hẳn các bạn cũng nghe đến các khái niệm như là Function và Method rồi đúng không? Nhưng để hiểu rõ chúng hoạt động như thế nào, sự khác biệt giữa Function và Method ra sao thì chắc không phải ai cũng nắm rõ. Vậy chúng mình hãy cũng tìm hiểu về Function và Method, sự khác biệt giữa chúng thông qua bài viết này nhé!

JavaScript Function

Function (Hàm) là một khối mã được viết để thực hiện một số nhiệm vụ cụ thể và trả về kết quả. Chúng ta có thể xác định một Function bằng cách sử dụng từ khóa function, theo sau là tên Function và các tham số tùy chọn. Thân hàm được bọc trong cặp dấu ngoặc nhọn.

Tính năng mạnh mẽ của các Function là chúng có thể tái chế. Tức là, Function có thể được sử dụng để thực hiện các nhiệm vụ nhiều lần mà không cần phải viết lại cùng một đoạn mã.

Sự khác biệt giữa Method và Function trong JavaScript

Cú pháp:

function functionName(parameters) {
    // Content
}Code language: JavaScript (javascript)

Đặc trưng:

Function được thực thi khi có lệnh gọi nó.
Tên Function có thể chứa các chữ cái, chữ số, ký hiệu đô la, dấu gạch dưới.
Các tham số được liệt kê bên trong dấu ngoặc tròn sau tên của Function.
Đối số là các giá trị mà một Function nhận được khi nó được gọi.
Từ khóa return kết thúc chức năng mà Function thực thi và trả về một giá trị.

Tìm hiểu thêm về Function tại đây

Chúng ta cũng hãy xem xét một ví dụ về Function nhận đầu vào và trả về kết quả:

function concatName(firstName, middleName, lastName) {
  return firstName + ' ' + middleName + ' ' + lastName;
}Code language: JavaScript (javascript)

Hãy xem qua ví dụ này từng bước:

Function concatName được tạo với ba tham số (đầu vào): firstName, middleName và lastName.
Bên trong Function, từ khóa return sẽ trả về từ nối giữa firstName, middleName và lastName, với khoảng trắng ở giữa mỗi từ.
Bạn có thể lưu chuỗi trả về vào một biến khi bạn gọi hàm.
var concatGWC = concatName('George', 'Washington', 'Carver');

Trong ví dụ trên, Function concatName được gọi với các đối số sau: ‘George’, ‘Washington’ và ‘Carver’. Các giá trị này được lưu vào các biến firstName, middleName và lastName bên trong Function. Nó trả về một chuỗi là kết quả của việc nối ba biến trên – biến concatGWC lưu trữ chuỗi được nối trả về.

JavaScript Method

Sự khác biệt giữa Methods và Functions trong JavaScript

Method JavaScript là một thuộc tính của một đối tượng có chứa định nghĩa hàm. Nó cũng tương tự như các Function, là một tập hợp các lệnh thực hiện một số nhiệm vụ. Sự khác biệt là một Method được liên kết với một đối tượng còn Function thì không. Method của đối tượng có thể được truy cập bằng cú pháp sau:

Cú pháp:

object = {
    methodName: function() {
        // Content
    }
};

object.methodName()Code language: JavaScript (javascript)

Đặc trưng:

Có thể thực hiện hành động trên các đối tượng
Một phương thức truyền ngầm đối tượng mà nó được gọi.

Ví dụ:

<html>
    <head>
        <script>
            var employee = {
                empname: "Rahul",
                department : "sales",
                details : function() {
                    return this.empname + 
                        " works with Department " + 
                        this.department;
                }
            };
            console.log(employee.details());
        </script>
    </head>
</html>Code language: HTML, XML (xml)

Output:

Rahul works with Department salesCode language: JavaScript (javascript)