JavaScript实现new操作符的功能

1. 再遇构造函数

不同于其它的主流编程语言，JavaScript的构造函数并不是作为类的一个特定方法存在的；当任意一个普通函数用于创建一类对象时，它就被称作构造函数，或构造器。一个函数要作为一个真正意义上的构造函数，需要满足下列条件：

1、 在函数内部对新对象（this）的属性进行设置，通常是添加属性和方法。

2、 构造函数通常没有返回值，实际上也可以包含返回语句（不推荐），但返回值必须是this，或者其它非对象类型的值。

下面例子定义的函数 Animal 就是一个典型的构造函数，我们可以使用new表达式来调用它，该表达式可以正确返回一个对象：

    function Animal(name, age) {
      this.name = name
      this.age = age
    }

构造函数需用 new 操作符来调用：

    let dog = new Animal('旺财', 2)
    console.log(dog)
    dog.bark()

输出如下：

我们可以很明确的知道，通过使用 new 操作符来调用构造函数创建了一个对象，此构造函数的 this 指向新创建出来的对象，通过 new 操作符调用此构造函数隐式的返回了此对象。

2. 手写new操作符的功能

通过以上分析，我们可以初步的知道，在调用 new 的过程中会发生以下四件事：

1. 新生成一个对象 obj{}；
2. 链接到原型，将 dog 的 _proto 指向 Animal 的 prototype；
3. 绑定 this，将 dog 的 this 指向 obj{}；
4. 执行 Animal 的构造函数；
5. 返回新对象。

下面，我们来手动实现一个new操作符的功能：

function New() {
    let newObj = {};  
    let Cons = [].shift.call(arguments);
    newObj.__proto__ = Cons.prototype;
    Cons.apply(newObj, arguments);
    return newObj;
}