JavaScript Phương pháp

Trong hướng dẫn này, bạn sẽ tìm hiểu về các phương thức đối tượng JavaScript và từ khóa này với sự trợ giúp của các ví dụ.

Trong JavaScript, các đối tượng cũng có thể chứa các hàm. Ví dụ,

// object containing method
const person = {
    name: 'John',
    greet: function() { console.log('hello'); }
};

Trong ví dụ trên, một personđối tượng có hai khóa ( namevà greet), tương ứng có giá trị chuỗi và giá trị hàm.

Do đó, về cơ bản, phương thức JavaScript là một thuộc tính đối tượng có giá trị hàm.

Truy cập các phương thức đối tượng

Bạn có thể truy cập một phương thức đối tượng bằng cách sử dụng ký hiệu dấu chấm. Cú pháp là:

objectName.methodKey()

Bạn có thể truy cập thuộc tính bằng cách gọi một objectName và một khóa . Bạn có thể truy cập một phương thức bằng cách gọi một objectName và một khóa cho phương thức đó cùng với (). Ví dụ,

// accessing method and property
const person = {
    name: 'John',
    greet: function() { console.log('hello'); }
};

// accessing property
person.name; // John

// accessing method
person.greet(); // hello

Ở đây, greetphương thức được truy cập person.greet()thay vì person.greet.

Nếu bạn cố gắng truy cập phương thức chỉ với person.greet, nó sẽ cung cấp cho bạn một định nghĩa hàm.

person.greet; // ƒ () { console.log('hello'); }

Phương pháp tích hợp JavaScript

Trong JavaScript, có rất nhiều phương thức được tích hợp sẵn. Ví dụ,

let number = '23.32';
let result = parseInt(number);

console.log(result); // 23

Ở đây, parseInt()phương thức của đối tượng Number được sử dụng để chuyển đổi giá trị chuỗi số thành giá trị số nguyên.

Để tìm hiểu thêm về các phương pháp tích hợp, hãy truy cập Phương pháp tích hợp JavaScript .

Thêm một phương thức vào một đối tượng JavaScript

Bạn cũng có thể thêm một phương thức trong một đối tượng. Ví dụ,

// creating an object
let student = { };

// adding a property
student.name = 'John';

// adding a method
student.greet = function() {
    console.log('hello');
}

// accessing a method
student.greet(); // hello

Trong ví dụ trên, một studentđối tượng trống được tạo. Sau đó, thuộc nametính được thêm vào. Tương tự, greetphương thức cũng được thêm vào. Bằng cách này, bạn có thể thêm một phương thức cũng như thuộc tính vào một đối tượng.

JavaScript từ khóa này

Để truy cập thuộc tính của một đối tượng từ bên trong một phương thức của cùng một đối tượng, bạn cần sử dụng thistừ khóa. Hãy xem xét một ví dụ.

const person = {
    name: 'John',
    age: 30,

    // accessing name property by using this.name
    greet: function() { console.log('The name is' + ' ' + this.name); }
};

person.greet();

Đầu ra

The name is John

Trong ví dụ trên, một personđối tượng được tạo. Nó chứa các thuộc tính ( namevà age) và một phương thức greet.

Trong phương thức greet, khi truy cập thuộc tính của một đối tượng, thistừ khóa được sử dụng.

Để truy cập các thuộc tính của một đối tượng, thistừ khóa được sử dụng theo sau bởi  .và khóa .

Lưu ý : Trong JavaScript, thistừ khóa khi được sử dụng với phương thức của đối tượng sẽ tham chiếu đến đối tượng. thisbị ràng buộc với một đối tượng.

Tuy nhiên, hàm bên trong một đối tượng có thể truy cập biến của nó theo cách tương tự như một hàm bình thường. Ví dụ,

const person = {
    name: 'John',
    age: 30,
    greet: function() {
        let surname = 'Doe';
        console.log('The name is' + ' ' + this.name + ' ' + surname); }
};

person.greet();

Đầu ra

The name is John Doe