Phương thức đối tượng JavaScript
Thí dụ
const person = {
firstName: "John",
lastName: "Doe",
id: 5566,
fullName: function() {
return this.firstName + " " +
this.lastName;
}
};
Từ khoá này
Trong một định nghĩa hàm, thisđề cập đến "chủ sở hữu" của hàm.
Trong ví dụ trên, thislà đối tượng person "sở hữu"
hàm fullName .
Nói cách khác, this.firstName có nghĩa là thuộc tính firstName của đối tượng này .
Đọc thêm về thistừ khóa tại JS Từ khóa này .
Phương thức JavaScript
Các phương thức JavaScript là các hành động có thể được thực hiện trên các đối tượng.
Phương thức JavaScript là một thuộc tính chứa định nghĩa hàm .
| Bất động sản | Giá trị |
|---|---|
| họ | John |
| họ | Doe |
| già đi | 50 |
| màu mắt | màu xanh lam |
| Họ và tên | function () {return this.firstName + "" + this.lastName;} |
Phương thức là các hàm được lưu trữ dưới dạng thuộc tính đối tượng.
Truy cập các phương thức đối tượng
Bạn truy cập vào một phương thức đối tượng với cú pháp sau:
objectName.methodName()
Thông thường, bạn sẽ mô tả fullName () như một phương thức của đối tượng person và fullName là một thuộc tính.
Thuộc tính fullName sẽ thực thi (dưới dạng một hàm) khi nó được gọi với ().
Ví dụ này truy cập phương thức fullName () của một đối tượng người:
Thí dụ
name = person.fullName();
Nếu bạn truy cập thuộc tính fullName , không có (), nó sẽ trả về định nghĩa hàm :
Thí dụ
name = person.fullName;
Thêm một phương thức vào một đối tượng
Thêm một phương thức mới vào một đối tượng thật dễ dàng:
Thí dụ
person.name = function () {
return this.firstName + " " + this.lastName;
};
Sử dụng các phương pháp tích hợp
Ví dụ này sử dụng toUpperCase()phương thức của đối tượng String, để chuyển đổi một văn bản thành chữ hoa:
let message = "Hello world!";
let x = message.toUpperCase();
Giá trị của x, sau khi thực thi đoạn mã trên sẽ là:
HELLO WORLD!
Thí dụ
person.name = function () {
return (this.firstName + " " + this.lastName).toUpperCase();
};