Phương thức đối tượng JavaScript

Mẫu

var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 648,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

Thử ngay

Phương pháp JavaScript

Phương pháp JavaScript là hành động có thể thực hiện trên đối tượng.

JavaScript Phương phápbao gồmĐịnh nghĩa hàmcủa thuộc tính.

Thuộc tính giá trị
firstName Bill
lastName Gates
age 62
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

Phương pháp là hàm được lưu trữ như thuộc tính của đối tượng.

this từ khóa

trong JavaScript được gọi là this của vật, có nghĩa là đối tượng chứa mã JavaScript.

this giá trị, khi sử dụng trong hàm, là đối tượng "chủ sở hữu" của hàm đó.

Lưu ý this không phải biến. Nó là từ khóa. Bạn không thể thay đổi this giá trị.

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

Vui lòng sử dụng ngữ pháp sau để tạo phương pháp đối tượng:

methodName : function() { Dòng mã }

Vui lòng sử dụng ngữ pháp sau để truy cập phương pháp đối tượng:

objectName.methodName()

Bạn thường sẽ mô tả fullName() là phương pháp của đối tượng person, fullName là thuộc tính.

Thuộc tính fullName được gọi bằng () sẽ thực thi dưới dạng hàm.

Ví dụ này truy cập phương pháp fullName() của đối tượng person Phương pháp:

Mẫu

name = person.fullName();

Thử ngay

Nếu bạn truy cập fullName Thuộc tínhNếu không sử dụng () khi định nghĩa hàm, sẽ trả vềĐịnh nghĩa hàm:

Mẫu

tên = person.fullName;

Thử ngay

Sử dụng phương pháp tích hợp

Ví dụ này sử dụng đối tượng toUpperCase() Phương pháp, chuyển văn bản thành chữ hoa:

var thông điệp = "Hello world!";
var x = message.toUpperCase();

Giá trị của x, sau khi thực hiện đoạn mã trên sẽ là:

HELLO WORLD!

Thêm phương pháp mới

Việc thêm phương pháp vào đối tượng được hoàn thành trong hàm xây dựng:

Mẫu

function person(firstName, lastName, age, eyeColor) {
    this.firstName = firstName;  
    this.lastName = lastName;
    this.age = age;
    this.eyeColor = eyeColor;
    this.changeName = function (name) {
        this.lastName = name;
    };
}

Giá trị của hàm changeName() của biến name được gán cho thuộc tính lastName của person.

Bây giờ bạn có thể thử:

myMother.changeName("Jobs");

Thử ngay

Bằng cách thay thế myMother “bằng” this, JavaScript biết bạn đang chỉ đến ai.