Đối tượng mới trong JavaScript là gì?

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: '[email protected]',
    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, [email protected]

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 = '[email protected]';

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, [email protected]

$ node object_literal.js
John Doe, [email protected]

$ node object_literal.js
John Doe, [email protected]

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', '[email protected]');
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, [email protected]

$ node object_literal.js
John Doe, [email protected]

$ node object_literal.js
John Doe, [email protected]

$ node object_literal.js
John Doe, [email protected]

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', '[email protected]');
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('[email protected]');
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', '[email protected]');

console.log(person.info());

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

Đối tượng mới() trong JavaScript là gì?

Đối tượng mới là gì?

Đối tượng trong JavaScript là gì?

Là đối tượng tạo giống như mới?