JavaScript创建简单对象方式

面向对象有一个通用的特征，那就是都有类的概念，但ECMAScript6之前没有类的概念，在ECMAScript6中新增的类的概念，添加语法糖，不需要写prototype链来实现继承。

下面介绍ECMAScript中的几种创建对象的方法：

Object实例

Object实例是最为简单的一种创建对象的方式，也是最为常见的。

var person = {
    name: "Howard",
    age: 20,
    job: "Front-End Engineer"
}

或者

var person = new Object();
person.name = "Howard";
person.age = 20;
person.job = "Front-End Engineer";

工厂模式

工厂模式相比Object实例的好处是可以重复创建相同细节的对象，这就有点开始像面向对象类的概念，通过函数来封装对象的细节。

function createPerson(name, age, job) {
    var person = new Object();
    person.name = name;
    person.age = age;
    person.job = job;
    return person;
}

var person = createPerson("Howard", 20, "Front-End Engineer");

 

构造函数模式

构造函数模式跟工厂模式差不多的实现，但多了new的概念，这是ECMAScript提供的一种方式。

function Person(name, age, job) {
    this.name = name;
    this.age = age;
    this.job = job;
}
person = new Person("Howard", 20, "Front-End Engineer");

这里使用Person直接代替了createPerson, 并且函数里面，使用this关键字，没有显式地创建对象，没有return语句。

这是因为new操作符可以自动帮我们完成这些动作。

1. 创建一个新的对象 (var person = new Object())
2. 并将构造函数的作用域赋给新对象(this 指向 person )
3. 执行构造函数的代码(帮助person添加属性(name, age, job))
4. return对象

以上的步骤，就跟工厂模式显式指定的步骤一样，new操作符可以帮助我们自动完成这些事情。

 

这三种方式，创建出来的对象，都是自己拥有属性，不共享任何属性。

 

参考文献：《JavaScript高级程序设计（第3版）》第六章P138~P147