Tạo đối tượng JavaScript

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]
0. Các phương thức được tạo với các từ khóa
$ node object_literal.js
John Doe, [email protected]
0 và function. Các đối tượng mới được tạo với từ khóa
$ node object_literal.js
John Doe, [email protected]
3

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]
4 và được tạo bằng từ khóa
$ node object_literal.js
John Doe, [email protected]
3. Đâ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, [email protected]
6 để 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, [email protected]
0

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

quảng cáo

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

Làm cách nào để tạo đối tượng trong js?

Tạo đối tượng JavaScript .
Tạo một đối tượng duy nhất, sử dụng một đối tượng bằng chữ
Tạo một đối tượng duy nhất, với từ khóa mới
Xác định một hàm tạo đối tượng, sau đó tạo các đối tượng thuộc loại đã xây dựng
Tạo đối tượng bằng Object. tạo nên()

3 cách để tạo một đối tượng trong JS là gì?

Bạn có thể tạo đối tượng theo ba cách khác nhau. .
Sử dụng đối tượng theo nghĩa đen
Bằng cách tạo trực tiếp đối tượng
Bằng cách sử dụng chức năng xây dựng

Làm cách nào để tạo JavaScript theo nghĩa đen đối tượng?

Tạo đối tượng bằng cú pháp chữ đối tượng . các cặp giá trị được phân tách bằng dấu phẩy Define an object in the { } brackets with key:value pairs separated by a comma . Khóa sẽ là tên của thuộc tính và giá trị sẽ là giá trị bằng chữ hoặc hàm. cú pháp. var

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

Đối tượng là tập hợp các thuộc tính và thuộc tính là sự kết hợp giữa tên (hoặc khóa) và giá trị. Giá trị của một thuộc tính có thể là một hàm, trong trường hợp đó, thuộc tính được gọi là một phương thức. Các đối tượng trong JavaScript, giống như trong nhiều ngôn ngữ lập trình khác, có thể được so sánh với các đối tượng trong đời thực.