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ả