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
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 {}
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 new Object
. 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 được tạo bằng từ khóa function
. 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 với các từ khóa
$ node object_literal.js John Doe, jdoe@example.com0 và
function
. Các đối tượng mới được tạo với 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 thiết lập với từ khóa
$ node object_literal.js John Doe, jdoe@example.com0
class Person { constructor[firstName, lastName, email] { this.firstName = firstName; this.lastName = lastName; this.email = email; } info[] { return `${this.firstName} ${this.lastName}, ${this.email}`; } } let person = new Person['John', 'Doe', 'jdoe@example.com']; console.log[person.info[]];
Ví dụ tạo đối tượng sử dụng định nghĩa lớp
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
let Person = function [firstName, lastName, email] { this.firstName = firstName; this.lastName = lastName; this.email = email; } let PersonBuilder = function [] { let firstName; let lastName; let email; return { setFirstName: function [firstName] { this.firstName = firstName; return this; }, setLastName: function [lastName] { this.lastName = lastName; return this; }, setEmail: function [email] { this.email = email; return this; }, info: function [] { return `${this.firstName} ${this.lastName}, ${this.email}`; }, build: function [] { return new Person[firstName, lastName, email]; } }; }; var person = new PersonBuilder[].setFirstName['John'].setLastName['Doe'] .setEmail['jdoe@example.com']; console.log[person.info[]];
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
const personFactory = [firstName, lastName, email] => { return { firstName: firstName, lastName: lastName, email: email, info[] { return `${this.firstName} ${this.lastName}, ${this.email}`; } }; }; let person = personFactory['John', 'Doe', 'jdoe@example.com']; console.log[person.info[]];
Ví dụ tạo một đối tượng với mẫu xuất xưởng
quảng cáoTrong 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