JavaScript

Đối tượng

Đối tượng, thuộc tính và phương thức trong đời thực

Trong đời thực, ô tô là một vật thể .

Một chiếc ô tô có các đặc tính như trọng lượng và màu sắc cũng như phương pháp như bắt đầu và dừng:

Sự vật

Đặc tính

Phương pháp

car.name = Fiat

car.model = 500

car.weight = 850kg

car.color = trắng

car.start ()

car.drive ()

car.brake ()

car.stop ()

Tất cả các ô tô đều có thuộc tính giống nhau, nhưng thuộc tính giá trị khác nhau giữa các ô tô.

Tất cả các ô tô đều có phương pháp giống nhau, nhưng các phương pháp này được thực hiện
vào các thời điểm khác nhau .

Đối tượng JavaScript

Bạn đã biết rằng các biến JavaScript là
vùng chứa các giá trị dữ liệu.

Mã này chỉ định một giá trị đơn giản (Fiat) cho
một biến ô tô được đặt tên:

let car = “Fiat”;

Hãy tự mình thử »

Đối tượng cũng là các biến. Nhưng các đối tượng có thể chứa nhiều
các giá trị.

Mã này chỉ định nhiều giá trị (Fiat, 500, màu trắng) cho một
biến
xe được đặt tên:

const car = {type: “Fiat”, model: “500”, color: “white”};

Hãy tự mình thử »

Các giá trị được viết dưới dạng cặp name: value (tên và giá trị được phân tách bằng dấu
dấu hai chấm).

Một thông lệ phổ biến là khai báo các đối tượng bằng từ khóa const.

Tìm hiểu thêm về cách sử dụng const với các đối tượng trong chương: JS Const .

Định nghĩa đối tượng

Bạn xác định (và tạo) một đối tượng JavaScript với một đối tượng là chữ:

Ví dụ

const person = {firstName: “John”, lastName: “Doe”, age: 50, eyeColor: “blue”};

Hãy tự mình thử »

Dấu cách và dấu ngắt dòng không quan trọng. Một định nghĩa đối tượng có thể kéo dài nhiều dòng:

Ví dụ

const người = {
firstName: “John”,
lastName: “Doe”,
tuổi: 50,
eyeColor: “blue”
};

Hãy tự mình thử »

Thuộc tính đối tượng

Cặp name: giá trị trong các đối tượng JavaScript được gọi là thuộc tính :

Tài sản
Giá trị tài sản

họ
John

họ
Doe

tuổi tác
50

màu mắt
màu xanh da trời

Truy cập thuộc tính đối tượng

Bạn có thể truy cập thuộc tính đối tượng theo hai cách:

hoặc

Đối tượng JavaScript là vùng chứa cho giá trị được đặt tên được gọi là thuộc tính.

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

Đối tượng cũng có thể có phương thức .

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

Các phương thức được lưu trữ trong thuộc tính dưới dạng hàm
định nghĩa .

Tài sản
Giá trị tài sản

họ
John

họ
Doe

tuổi tác
50

màu mắt
màu xanh da trời

Họ và tên
function () {return this.firstName + “” + this.lastName;}

Phương thức là một hàm được lưu trữ dưới dạng thuộc tính.

Ví dụ

const người = {
firstName: “John”,
lastName: “Doe”,
id: 5566,
fullName: function () {
trả về this.firstName + “” + this.lastName;
}
};

Trong ví dụ trên, this đề cập đến đối tượng người .

I.E. this.firstName có nghĩa là thuộc tính firstName của this .

I.E. this.firstName có nghĩa là thuộc tính firstName của người .

Đây là gì?

Trong JavaScript, từ khóa này đề cập đến một đối tượng .

Đối tượng nào phụ thuộc vào cách này đang được gọi (được sử dụng hoặc được gọi).

Từ khóa this đề cập đến các đối tượng khác nhau tùy thuộc vào cách nó được sử dụng:

Trong một phương thức đối tượng, this đề cập đến đối tượng .
Một mình, this đề cập đến đối tượng toàn cục.
Trong một hàm, this đề cập đến đối tượng toàn cục .
Trong một hàm, ở chế độ nghiêm ngặt, này là không xác định .
Trong một sự kiện, this đề cập đến phần tử đã nhận sự kiện.
Các phương thức như call () , apply () ,
và bind () có thể tham chiếu this tới bất kỳ đối tượng nào .

Lưu ý

this không phải là một biến. Nó là một từ khóa. Bạn không thể thay đổi giá trị của this .

Xem thêm:

không phải là một biến. Nó là một từ khóa. Bạn không thể thay đổi giá trị của

Hướng dẫn về JavaScript này

Từ khóa this

Trong định nghĩa hàm, this đề cập đến “chủ sở hữu” của hàm.

Trong ví dụ trên, đây là đối tượng người “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 .

const người = {
  firstName: "John",
  lastName: "Doe"
};

báo động();