Trong ví dụ này, bạn sẽ học cách tạo các đối tượng JavaScript theo nhiều cách khác nhau.
Để hiểu ví dụ này, bạn nên có kiến thức về các chủ đề lập trình JavaScript sau:
- Đối tượng JavaScript
- Hàm tạo JavaScript
Bạn có thể tạo một đối tượng theo ba cách khác nhau:
- Sử dụng chữ đối tượng
- Bằng cách tạo đối tượng trực tiếp
- Bằng cách sử dụng hàm tạo
Ví dụ 1: Sử dụng đối tượng theo nghĩa đen
// program to create JavaScript object using object literal const person = ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), greet: function() ( console.log('Hello everyone.'); ), score: ( maths: 90, science: 80 ) ); console.log(typeof person); // object // accessing the object value console.log(person.name); console.log(person.hobbies(0)); person.greet(); console.log(person.score.maths);
Đầu ra
đối tượng John đang đọc Xin chào tất cả mọi người. 90
Trong chương trình này, chúng tôi đã tạo một đối tượng có tên là người .
Bạn có thể tạo một đối tượng bằng cách sử dụng một đối tượng theo nghĩa đen. Một đối tượng theo nghĩa đen sử dụng ( )để tạo một đối tượng trực tiếp.
Một đối tượng được tạo bằng cặp key: value .
Bạn cũng có thể xác định các hàm, mảng và thậm chí các đối tượng bên trong một đối tượng. Bạn có thể truy cập giá trị của đối tượng bằng .ký hiệu dấu chấm .
Cú pháp để tạo một đối tượng bằng cách sử dụng thể hiện của một đối tượng là:
const objectName = new Object();
Ví dụ 2: Tạo một đối tượng bằng cách sử dụng trực tiếp đối tượng
// program to create JavaScript object using instance of an object const person = new Object ( ( name: 'John', age: 20, hobbies: ('reading', 'games', 'coding'), greet: function() ( console.log('Hello everyone.'); ), score: ( maths: 90, science: 80 ) )); console.log(typeof person); // object // accessing the object value console.log(person.name); console.log(person.hobbies(0)); person.greet(); console.log(person.score.maths);
Đầu ra
đối tượng John đang đọc Xin chào tất cả mọi người. 90
Ở đây, newtừ khóa được sử dụng với Object()thể hiện để tạo một đối tượng.
Ví dụ 3: Tạo một đối tượng bằng hàm Constructor
// program to create JavaScript object using instance of an object function Person() ( this.name = 'John', this.age = 20, this.hobbies = ('reading', 'games', 'coding'), this.greet = function() ( console.log('Hello everyone.'); ), this.score = ( maths: 90, science: 80 ) ) const person = new Person(); console.log(typeof person); // object // accessing the object value console.log(person.name); console.log(person.hobbies(0)); person.greet(); console.log(person.score.maths);
Đầu ra
đối tượng John đang đọc Xin chào tất cả mọi người. 90
Trong ví dụ trên, Person()hàm khởi tạo được sử dụng để tạo một đối tượng bằng newtừ khóa.
new Person() tạo một đối tượng mới.
