Đối tượng, thuộc tính và phương pháp thực tế
Trong cuộc sống thực, một chiếc xe là một vật thể.object.
Một chiếc xe có các thuộc tính như trọng lượng và màu sắc, và các phương pháp như Start and Stop:properties like weight and color, and methods like start and stop:
| xe.name = fiat xe.model = 500 xe. weight = 850kg Car.Color = White | car.start[] Car.Drive [] xe.brake [] car.stop[] |
Tất cả các xe có cùng tài sản, nhưng giá trị tài sản khác nhau từ ô tô này sang xe khác.properties, but the property values differ from car to car.
Tất cả các xe đều có cùng một phương pháp, nhưng các phương pháp được thực hiện vào các thời điểm khác nhau.methods, but the methods are performed at different times.
Đối tượng JavaScript
Bạn đã học được rằng các biến JavaScript là container cho các giá trị dữ liệu.
Mã này gán một giá trị đơn giản [fiat] cho một biến có tên là xe:simple value [Fiat] to a variable named car:
Đối tượng cũng là các biến. Nhưng các đối tượng có thể chứa nhiều giá trị.
Mã này gán nhiều giá trị [Fiat, 500, White] cho một biến có tên là xe:many values [Fiat, 500, white] to a variable named car:
Các giá trị được viết dưới dạng tên: các cặp giá trị [tên và giá trị được phân tách bằng dấu hai chấm].name:value pairs [name and value separated by a colon].
Đó là một thực tế phổ biến để khai báo các đối tượng với từ khóa Const.const keyword.
Tìm hiểu thêm về việc sử dụng const với các đối tượng trong chương: JS Const.const with objects in the chapter: 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 theo nghĩa đen:
Thí dụ
const person = {firstName: "john", lastName: "doe", tuổi: 50, eyecolor: "blue"};
Hãy tự mình thử »
Không gian và ngắt đường không quan trọng. Một định nghĩa đối tượng có thể kéo dài nhiều dòng:
Thí dụ
const person = {firstName: "john", lastName: "doe", tuổi: 50, eyecolor: "blue"};
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
Hãy tự mình thử »
Không gian và ngắt đường không quan trọng. Một định nghĩa đối tượng có thể kéo dài nhiều dòng:
const person = {& nbsp; tên đầu tiên: "John", & nbsp; tên cuối cùng: "doe", & nbsp; & nbsp; tuổi: 50, & nbsp; & nbsp; eyecolor: "blue"};name:values pairs in JavaScript objects are called properties:
Tài sản | Giá trị tài sản |
họ | John |
họ | 50 |
Doe | tuổi tác |
màu mắt
màu xanh da trời
Truy cập các thuộc tính đối tượng
objectName["propertyName"]
Bạn có thể truy cập các thuộc tính đối tượng theo hai cách:named values called properties.
hoặc
Đối tượng JavaScript là các thùng chứa cho các giá trị được đặt tên được gọi là thuộc tính.methods.
Phương thức đối tượngactions that can be performed on objects.
Đối tượng cũng có thể có các phương pháp.function definitions.
Tài sản | Giá trị tài sản |
họ | John |
họ | 50 |
Doe | tuổi tác |
màu mắt | màu xanh da trời |
Truy cập các thuộc tính đối tượng
Thí dụ
const person = {firstName: "john", lastName: "doe", tuổi: 50, eyecolor: "blue"};
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function[] {
return this.firstName + " " + this.lastName;
}
};
Hãy tự mình thử »person object.
Không gian và ngắt đường không quan trọng. Một định nghĩa đối tượng có thể kéo dài nhiều dòng:this.firstName means the firstName property of this.
const person = {& nbsp; tên đầu tiên: "John", & nbsp; tên cuối cùng: "doe", & nbsp; & nbsp; tuổi: 50, & nbsp; & nbsp; eyecolor: "blue"};this.firstName means the firstName property of person.
Thuộc tính đối tượngthis?
Tên: Các cặp giá trị trong các đối tượng JavaScript được gọi là thuộc tính:object.
Tài sản object depends on how this
is being invoked [used or called].
Giá trị tài sản
họobject. |
Johnglobal object. |
họglobal object. |
Doe |
tuổi tácelement that received the event. |
màu mắtany object. |
màu xanh da trờithis Keyword
Truy cập các thuộc tính đối tượng
Bạn có thể truy cập các thuộc tính đối tượng theo hai cách:person object that "owns" the this
7 function.
hoặcthis object.
Đối tượng JavaScript là các thùng chứa cho các 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ó các phương pháp.
Phương pháp là những hành động có thể được thực hiện trên các đối tượng.without the [] parentheses, it will return the function definition:
Phương pháp được lưu trữ trong các thuộc tính như định nghĩa chức năng.
Họ và tên
function [] {return this.firstName + "" + this.lastName;}
y = new Number[]; // Declares y as a Number object
z = new Boolean[]; // Declares z as a Boolean object
Một phương pháp là một hàm được lưu trữ dưới dạng thuộc tính.
const person = {& nbsp; tên đầu tiên: "John", & nbsp; Tên cuối cùng: "doe", & nbsp; id & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; : & nbsp; 5566, & nbsp; fullName: function [] {& nbsp; & nbsp; & nbsp; trả về this.FirstName + "" + this.lastName; & nbsp; & nbsp;}};
Trong ví dụ trên, this
đề cập đến đối tượng người.
Exercise:
I E. this.firstName có nghĩa là thuộc tính đầu tiên của điều này.
const person = { firstName: "John", lastName: "Doe" }; alert[];
I E. this.firstName có nghĩa là thuộc tính đầu tiên của người.