跳转至

用 JavaScript 创建对象

原文： http://zetcode.com/javascript/createobject/

JavaScript 创建对象教程展示了如何在 JavaScript 中创建对象。 可以使用对象字面值，函数构造器或类定义来创建对象。 通常使用创建性生成器和工厂设计模式来创建对象。

在本教程中，我们使用 Node.js 执行示例。

对象字面值

在对象字面值表示法中，我们将用逗号分隔的对象属性放在大括号{}中。

属性名称和值用冒号分隔。

object_literal.js

const person = {
    firstName: 'John',
    lastName: 'Doe',
    email: 'jdoe@example.com',
    info: function() {
        return `${this.firstName} ${this.lastName}, ${this.email}`
    }
};

console.log(person.info());

该示例使用字面值表示法创建一个对象。

$ node object_literal.js
John Doe, jdoe@example.com

这是输出。

对象构造器

可以使用new Object()构造器创建对象。 然后使用点运算符动态添加属性。

object_constructor.js

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());

该示例使用Object构造器创建一个对象。

函数构造器

使用function关键字创建函数构造器。 它以值作为参数。 使用this关键字设置属性。 使用this和function关键字创建方法。 使用new关键字创建新对象。

function_constructor.js

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());

该示例使用函数构造器创建一个对象。

类定义

对象用class关键字定义，并用new关键字生成。 这是创建从诸如 C# 或 Java 之类的语言已知的对象的经典方法。 JavaScript 使用constructor关键字定义对象构造器。 使用this关键字设置属性。

class_definition.js

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());

该示例使用类定义创建对象。

构建器模式

构建器模式是一种用于创建对象的创新性设计模式。 它通过提供逐步的方法，使用简单的对象来构建复杂的对象。 构建器模式使用流利的 API 创建对象。

builder_pattern.js

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());

该示例使用构建器设计模式创建一个对象。

工厂模式

使用工厂模式，我们可以在不将创建逻辑暴露给客户端的情况下创建对象。

factory_pattern.js

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());

该示例使用工厂模式创建一个对象。

在本教程中，我们使用不同的语法创建了 JavaScript 对象。 我们还介绍了两种创新的设计模式，即构建器模式和工厂模式。

您可能也对以下相关教程感兴趣： JavaScript 构建器模式教程，或列出所有 JavaScript 教程。

回到顶部