Tại đây, bạn sẽ tìm hiểu các đối tượng, ký tự đối tượng, hàm tạo Object[] và truy cập đối tượng trong JavaScript
Bạn đã học về các kiểu dữ liệu nguyên thủy và có cấu trúc trong JavaScript. Một đối tượng là một loại dữ liệu có cấu trúc, không nguyên thủy trong JavaScript. Các đối tượng giống như các biến trong JavaScript, điểm khác biệt duy nhất là một đối tượng chứa nhiều giá trị về thuộc tính và phương thức
Trong JavaScript, một đối tượng có thể được tạo theo hai cách. 1] sử dụng cú pháp Object Literal/Initializer Syntax 2] sử dụng hàm
var = { key1: value1, key2: value2,...};
4 Constructor với từ khóa new. Các đối tượng được tạo bằng bất kỳ phương pháp nào trong số này đều giống nhauVí dụ sau minh họa việc tạo đối tượng bằng cả hai cách
Ví dụ. Đối tượng JavaScript
var p1 = { name:"Steve" }; // object literal syntax
var p2 = new Object[]; // Object[] constructor function
p2.name = "Steve"; // property
Ở trên,
var = { key1: value1, key2: value2,...};
5 và var = { key1: value1, key2: value2,...};
6 là tên của các đối tượng. Các đối tượng có thể được khai báo giống như các biến bằng cách sử dụng từ khóa var = { key1: value1, key2: value2,...};
7 hoặc var = { key1: value1, key2: value2,...};
8. Đối tượng var = { key1: value1, key2: value2,...};
5 được tạo bằng cách sử dụng cú pháp ký tự đối tượng [một hình thức tạo đối tượng ngắn] với thuộc tính có tên là var emptyObject = {}; // object with no properties or methods
var person = { firstName: "John" }; // object with single property
// object with single method
var message = {
showMessage: function [val] {
alert[val];
}
};
// object with properties & method
var person = {
firstName: "James",
lastName: "Bond",
age: 15,
getFullName: function [] {
return this.firstName + ' ' + this.lastName
}
};
var = { key1: value1, key2: value2,...};
6 được tạo bằng cách gọi hàm tạo var = { key1: value1, key2: value2,...};
4 với từ khóa var emptyObject = {}; // object with no properties or methods
var person = { firstName: "John" }; // object with single property
// object with single method
var message = {
showMessage: function [val] {
alert[val];
}
};
// object with properties & method
var person = {
firstName: "James",
lastName: "Bond",
age: 15,
getFullName: function [] {
return this.firstName + ' ' + this.lastName
}
};
var emptyObject = {}; // object with no properties or methods
var person = { firstName: "John" }; // object with single property
// object with single method
var message = {
showMessage: function [val] {
alert[val];
}
};
// object with properties & method
var person = {
firstName: "James",
lastName: "Bond",
age: 15,
getFullName: function [] {
return this.firstName + ' ' + this.lastName
}
};
var emptyObject = {}; // object with no properties or methods
var person = { firstName: "John" }; // object with single property
// object with single method
var message = {
showMessage: function [val] {
alert[val];
}
};
// object with properties & method
var person = {
firstName: "James",
lastName: "Bond",
age: 15,
getFullName: function [] {
return this.firstName + ' ' + this.lastName
}
};
var = { key1: value1, key2: value2,...};
6 với giá trị chuỗi var emptyObject = {}; // object with no properties or methods
var person = { firstName: "John" }; // object with single property
// object with single method
var message = {
showMessage: function [val] {
alert[val];
}
};
// object with properties & method
var person = {
firstName: "James",
lastName: "Bond",
age: 15,
getFullName: function [] {
return this.firstName + ' ' + this.lastName
}
};
Tạo đối tượng bằng cú pháp đối tượng bằng chữ
Đối tượng theo nghĩa đen là một dạng ngắn để tạo một đối tượng. Xác định một đối tượng trong dấu ngoặc
var emptyObject = {}; // object with no properties or methods
var person = { firstName: "John" }; // object with single property
// object with single method
var message = {
showMessage: function [val] {
alert[val];
}
};
// object with properties & method
var person = {
firstName: "James",
lastName: "Bond",
age: 15,
getFullName: function [] {
return this.firstName + ' ' + this.lastName
}
};
cú pháp
var = { key1: value1, key2: value2,...};
Ví dụ sau minh họa các đối tượng được tạo bằng cú pháp ký tự đối tượng
Ví dụ. Đối tượng Literal Cú pháp
var emptyObject = {}; // object with no properties or methods
var person = { firstName: "John" }; // object with single property
// object with single method
var message = {
showMessage: function [val] {
alert[val];
}
};
// object with properties & method
var person = {
firstName: "James",
lastName: "Bond",
age: 15,
getFullName: function [] {
return this.firstName + ' ' + this.lastName
}
};
Lưu ý rằng toàn bộ cặp khóa-giá trị phải được khai báo. Chỉ khai báo một khóa mà không có giá trị là không hợp lệ, như hình bên dưới
Ví dụ. sai cú pháp
var p1 = { name:"Steve" }; // object literal syntax
var p2 = new Object[]; // Object[] constructor function
p2.name = "Steve"; // property
Tạo các đối tượng bằng Objects[] Constructor
Một cách khác để tạo các đối tượng là sử dụng hàm tạo
var = { key1: value1, key2: value2,...};
4 bằng từ khóa mới. Các thuộc tính và phương thức có thể được khai báo bằng cách sử dụng ký hiệu dấu chấm var p1 = { name:"Steve" }; // object literal syntax
var p2 = new Object[]; // Object[] constructor function
p2.name = "Steve"; // property
var p1 = { name:"Steve" }; // object literal syntax
var p2 = new Object[]; // Object[] constructor function
p2.name = "Steve"; // property
Ví dụ. Tạo đối tượng bằng Object[] Constructor
var = { key1: value1, key2: value2,...};
2Thử nó
Một đối tượng có thể có các biến làm thuộc tính hoặc có thể có các thuộc tính được tính toán, như minh họa bên dưới
Ví dụ. Biến dưới dạng thuộc tính đối tượng
var = { key1: value1, key2: value2,...};
3Thử nó
Truy cập các thuộc tính và phương thức đối tượng JavaScript
Các thuộc tính của một đối tượng có thể được truy cập bằng ký hiệu dấu chấm
var p1 = { name:"Steve" }; // object literal syntax
var p2 = new Object[]; // Object[] constructor function
p2.name = "Steve"; // property
var p1 = { name:"Steve" }; // object literal syntax
var p2 = new Object[]; // Object[] constructor function
p2.name = "Steve"; // property
var p1 = { name:"Steve" }; // object literal syntax
var p2 = new Object[]; // Object[] constructor function
p2.name = "Steve"; // property
Ví dụ. Truy cập đối tượng JS
var = { key1: value1, key2: value2,...};
7Thử nó
Trong ví dụ trên,
var p1 = { name:"Steve" }; // object literal syntax
var p2 = new Object[]; // Object[] constructor function
p2.name = "Steve"; // property
var p1 = { name:"Steve" }; // object literal syntax
var p2 = new Object[]; // Object[] constructor function
p2.name = "Steve"; // property
var p1 = { name:"Steve" }; // object literal syntax
var p2 = new Object[]; // Object[] constructor function
p2.name = "Steve"; // property
var p1 = { name:"Steve" }; // object literal syntax
var p2 = new Object[]; // Object[] constructor function
p2.name = "Steve"; // property
var p1 = { name:"Steve" }; // object literal syntax
var p2 = new Object[]; // Object[] constructor function
p2.name = "Steve"; // property
Truy cập các thuộc tính không được khai báo của một đối tượng sẽ trả về không xác định. Nếu bạn không chắc chắn liệu một đối tượng có thuộc tính cụ thể hay không, thì hãy sử dụng phương thức
var = { key1: value1, key2: value2,...};
20 trước khi truy cập chúng, như hình bên dưới
Ý nghĩa của đối tượng trong JavaScript là gì?
Các đối tượng trong lập trình có thể là sự kết hợp của các biến, hàm và cấu trúc dữ liệu. Điều này có nghĩa là các đối tượng có thể lưu trữ các giá trị, bạn có thể sử dụng các đối tượng để thao tác các giá trị và kết hợp chúng thành các đối tượng phức tạp hơn, chẳng hạn như mảng mà vẫn nhận được tất cả các lợi ích. JavaScript cũng không khác
Các đối tượng JavaScript là gì và giải thích các đối tượng JavaScript tích hợp?
JavaScript có một số đối tượng tích hợp giúp mở rộng tính linh hoạt của ngôn ngữ. Các đối tượng này là Ngày, Toán, Chuỗi, Mảng và Đối tượng . Một số đối tượng trong số này được "mượn" từ đặc tả ngôn ngữ Java, nhưng cách triển khai chúng của JavaScript thì khác.
Ví dụ về cách tạo đối tượng trong JavaScript?
Để tạo đối tượng, sử dụng từ khóa mới với hàm tạo Object[] , như thế này. const person = đối tượng mới[]; . người.