Hướng dẫn tạo đối tượng JavaScript chỉ ra cách tạo đối tượng trong JavaScript. Các đối tượng có thể được tạo bằng cách sử dụng một đối tượng bằng chữ, hàm tạo hàm hoặc định nghĩa lớp. Các đối tượng thường được tạo bằng trình tạo sáng tạo và các mẫu thiết kế nhà máy
Trong bài viết này chúng tôi sử dụng Node. js để thực thi các ví dụ của chúng tôi
Đối tượng theo nghĩa đen
Trong ký hiệu nghĩa đen của đối tượng, chúng tôi đặt các thuộc tính đối tượng được phân tách bằng dấu phẩy bên trong dấu ngoặc nhọn
$ node object_literal.js John Doe, jdoe@example.com4
Tên thuộc tính và giá trị được phân tách bằng dấu hai chấm
const person = { firstName: 'John', lastName: 'Doe', email: 'jdoe@example.com', info: function[] { return `${this.firstName} ${this.lastName}, ${this.email}` } }; console.log[person.info[]];
Ví dụ tạo một đối tượng bằng cách sử dụng ký hiệu chữ
$ node object_literal.js John Doe, jdoe@example.com
Trình tạo đối tượng
Các đối tượng có thể được tạo bằng hàm tạo
$ node object_literal.js John Doe, jdoe@example.com5. Các thuộc tính sau đó được thêm động bằng toán tử dấu chấm
let person = new Object[]; person.firstName = "John"; person.lastName = "Doe"; person.email = 'jdoe@example.com'; person.info = function[]{ return `${this.firstName} ${this.lastName}, ${this.email}`; }; console.log[person.info[]];
Ví dụ tạo đối tượng với Object constructor
Hàm tạo hàm
Hàm tạo hàm được tạo bằng từ khóa
$ node object_literal.js John Doe, jdoe@example.com6. Nó nhận các giá trị làm tham số. Các thuộc tính được đặt bằng từ khóa
$ node object_literal.js John Doe, jdoe@example.com0. Các phương thức được tạo bằng từ khóa
$ node object_literal.js John Doe, jdoe@example.com0 và
$ node object_literal.js John Doe, jdoe@example.com6. Các đối tượng mới được tạo bằng từ khóa
$ node object_literal.js John Doe, jdoe@example.com3
function Person[firstName, lastName, email] { this.firstName = firstName; this.lastName = lastName; this.email = email; this.info = function[] { return `${this.firstName} ${this.lastName}, ${this.email}`; } } let person = new Person['John', 'Doe', 'jdoe@example.com']; console.log[person.info[]];
Ví dụ tạo một đối tượng với hàm tạo
định nghĩa lớp
Các đối tượng được xác định bằng từ khóa
$ node object_literal.js John Doe, jdoe@example.com4 và được tạo bằng từ khóa
$ node object_literal.js John Doe, jdoe@example.com3. Đây là một cách cổ điển để tạo các đối tượng được biết đến từ các ngôn ngữ như C# hoặc Java. JavaScript sử dụng từ khóa
$ node object_literal.js John Doe, jdoe@example.com6 để xác định hàm tạo đối tượng. Các thuộc tính được đặt với từ khóa
$ node object_literal.js John Doe, jdoe@example.com0
$ node object_literal.js John Doe, jdoe@example.com1
Ví dụ tạo đối tượng sử dụng định nghĩa lớp
mẫu xây dựng
Builder pattern là một mẫu thiết kế sáng tạo được sử dụng để tạo các đối tượng. Nó xây dựng một đối tượng phức tạp bằng cách sử dụng các đối tượng đơn giản bằng cách cung cấp cách tiếp cận từng bước. Mẫu trình tạo sử dụng API thông thạo để tạo đối tượng
$ node object_literal.js John Doe, jdoe@example.com2
Ví dụ tạo một đối tượng bằng cách sử dụng mẫu thiết kế trình tạo
mô hình nhà máy
Với mẫu Factory, chúng tôi tạo các đối tượng mà không hiển thị logic tạo cho máy khách
$ node object_literal.js John Doe, jdoe@example.com3
Ví dụ tạo một đối tượng với mẫu xuất xưởng
Trong bài viết này, chúng tôi đã tạo các đối tượng JavaScript bằng các cú pháp khác nhau. Chúng tôi cũng đã trình bày hai mẫu thiết kế sáng tạo, đó là mẫu xây dựng và mẫu nhà máy