js 创建对象的几种方式

在 js 中可以通过 Object 构造函数或对象字面量来创建对象，但是这些方式在创建具有同样接口的多个对象需要重复编写很多代码。

因此，便有了几种常见的创建对象的模式，它们分别有着各自的优缺点，可以根据不同需求选择不同的模式。

工厂模式

function createPerson(name, age){// 创建一个对象let obj = new Object();// 把变量一一对应obj.name = name;obj.age = age;obj.sayName = function(){console.log(this.name);};// 返回创建好的对象return obj;
}let person = createPerson("ec50n9", 19);
console.log(person);
// { name: "ec50n9", age: 19 }

之所以叫工厂模式，是因为它的工作方式类似于流水线：

在调用 createPerson() 函数的时候，它就创建一个空的新对象（Object），按照预先定义的那样，把我们传进去的值一一装配到新对象上，然后把装配好的对象返回出来。

作用

只需调用一个函数就可以创建一个类似对象，避免了重复编写类似代码的情况。

不足

因为在函数内部，都是创建一个新的 Object 对象来装配的，所以创建出来的对象都是 Object 类型的，无法解决对象标识问题，也就是创建出来的新对象没有自己的类型。使用构造函数模式就可以解决这个问题了。

构造函数模式

function Person(name, age){this.name = name;this.age = age;this.sayName = function(){console.log(this.name);};
}let person = new Person("ec50n9", 19);
person.sayName();  // "ec50n9"

在这个例子中，Person() 构造函数代替了 createPerson() 工厂函数。实际上，Person() 函数内部的代码和 createPerson() 基本是一样的，只是有如下区别：

没有显式创建对象。
属性和方法直接复制给了 this。
没有 return。

还要注意函数名 Person 的首字母大写了。按照惯例，所有构造函数的首字母都是要大写的，这类似于其他面向对象语言的类名一样。换句话说，构造函数的函数名就相当于一个类名了。

内部过程

在调用时也与普通函数有一些区别，就是在构造函数前面多了一个 new 操作符，以这种方式调用构造函数会执行如下操作：

在内存中创建一个新对象。
这个新对象内部的 [[prototype]] 特性被赋值为构造函数的 prototype 属性。
构造函数内部的 this 被赋值为这个新对象（即 this 指向新对象）。
执行构造函数内部的代码（给新对象添加属性）。
如果构造函数返回非空对象，则返回该对象；否则，返回刚创建的新对象。

相比工厂模式，构造函数创建出来的对象有多了以下几个特性：

constructor 属性

构造函数创建出来的对象中会有一个 constructor 属性指向构造函数，可以通过判断某个对象的 constructor 是否等于某个构造函数来确定对象的类型。例如：

console.log(person.constructor);  // Person(name, age){....}console.log(person.constructor == Person);  // true

constructor 本来是用于标识对象类型的，不过，另一种使用 instanceof 操作符来确定对象类型的方式更可靠些