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

Ví dụ

const person = {
    firstName: "John",
    lastName: "Doe",
    age: 30,
    fullName: function() {
        return this.firstName + " " + this.lastName ;
    }    
};
var x = person.fullName();

Xem kết quả

Từ khóa this


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, this là đố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 this.

Đọc thêm về từ khóa this tại JS Từ khóa this.

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


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 một định nghĩa hàm.

Thuộc tính Giá trị
firstName John
lastName Doe
age 30
eyeColor blue
fullName 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


Chúng ta có thể truy cập một phương thức đối tượng với cú pháp như sau.

objectName.methodName()

Chúng ta sẽ mô tả thuộc tính fullName() như một phương thức của đối tượng person.

Thuộc tính fullName sẽ thực thi (dưới dạng một hàm) khi nó được gọi với cặp dấu ().

Ví dụ sau truy cập phương thức fullName() của một đối tượng person.

Ví dụ

var x = person.fullName();

Xem kết quả

Nếu chúng ta truy cập thuộc tính FullName mà không có dấu (), nó sẽ hiển thị một định nghĩa hàm.

Ví dụ

const person = {
    firstName: "John",
    lastName: "Doe",
    age: 30,
    fullName: function() {
        return this.firstName + " " + this.lastName ;
    }    
};
var x = person.fullName;

Xem kết quả

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.

Ví dụ

const person = {
    firstName: "John",
    lastName: "Doe",
    age: 30,
};
person.fullName = function(){
        return this.firstName + " " + this.lastName ;
    };
var x = "Bạn tôi là " + person.fullName();

Xem kết quả

Sử dụng các phương thức tích hợp sẵn


Ví dụ sau sử dụng phương thức toUpperCase() của đối tượng String để chuyển văn bản thành chữ hoa.

var x = "message";
var y = x.toUpperCase();

Kết quả trả về giá trị của y sẽ là:

MESSAGE

Ví dụ

const person = {
    firstName: "John",
    lastName: "Doe",
    age: 30,
    fullName: function(){
        return (this.firstName + " " + this.lastName).toUpperCase() ;
    }
};

Xem kết quả