JavaScript中的new操作符和Object.create()

在JS中，我们常常会遇见new操作符以及Object.create()方法。在本文中，我们来理清用new及Object.create()在创建对象时原型链的状态。

原型链

当我们创建对象时，每个对象都有一个指向它的原型（prototype）对象的内部链接。这个原型对象又有自己的原型，直到某个对象的原型为 null 为止（也就是不再有原型指向），组成这条链的最后一环。这种一级一级的链结构就称为原型链（prototype chain）。
举个例子：

var obj = { // 创建一个对象    a: 1,    b: 2};// 看看obj的原型对象// obj对象继承了Object.prototype的属性和方法Object.getPrototypeOf(obj);  // Object{}// 再看看obj的原型对象的原型对象Object.getPrototypeOf( Object.getPrototypeOf(obj) );  // null// 综上，对象obj的原型链如下:// obj ---> Object.prototype ---> null

new操作符

在 JavaScript 中，构造器其实就是一个普通的函数。当使用 new 操作符 来作用这个函数时，它就可以被称为构造方法（构造函数）。下面我们使用构造器来创建对象：

// 我们的构造函数Foofunction Foo() {    this.a = [];    this.b = [];}// 改变Foo的prototype对象Foo.prototype = {    addNum: function(x) {        this.a.push(x);    }};// 一个新对象被创建，它继承自foo.prototype,即bar.[[Prototype]] = Foo.prototype// 构造函数 Foo 被执行，上下文(this)被指定为新实例// 对象bar具有两个属性a和b，均为空数组，继承了addNum方法var bar = new Foo(); // 对象bar的原型链如下：// bar ---> Foo.prototype ---> Object.prototype ---> null

总结如下：

// 当你执行：var o = new Foo();// JavaScript 实际上执行的是：// var o = new Object();// o.[[Prototype]] = Foo.prototype;// Foo.call(o);

Object.create()

Object.create() 方法创建一个拥有指定原型和若干个指定属性的对象。
PS：IE9以下不兼容
语法：Object.create(proto, [ propertiesObject ])
其中参数proto为一个对象，作为新创建对象的原型。
同样地，举个例子：

var a = {a: 1}; // a ---> Object.prototype ---> nullvar b = Object.create(a);// b ---> a ---> Object.prototype ---> nullconsole.log(b.a); // 1 (继承而来)var c = Object.create(b);// c ---> b ---> a ---> Object.prototype ---> nullvar d = Object.create(null);// d ---> nullconsole.log(d.hasOwnProperty); // undefined, 因为d没有继承Object.prototype

此时来看看用new和Object.create()的区别在哪：

function Constructor(){}o = new Constructor();// 上面的一句就相当于:o = Object.create(Constructor.prototype);