前言

业界最冷的笑话大概是：没有对象？new一个呗！

尴尬而不失礼貌的微笑

怎么new一个对象呢？今天我们就来谈谈JS中，怎样使用new关键字创建一个对象及其实现原理。
下文中涉及到的题外知识点：

es6-扩展运算符

console.log(...[1, 2, 3])
// 1 2 3

es6-变量的解构赋值

let [head, ...tail] = [1, 2, 3, 4];
head // 1
tail // [2, 3, 4]

new一个对象

new 操作符后跟一个构造函数。构造函数可以是JS原生引用类型（比如：Object、Array、Date、Number等），也可以是自定义函数。
比如这样

var person = new Object();
var colors = new Array();   // 数组也是对象哟

或者这样

function Person(age) {
  this.age = age;
  console.log(this)
}
var p1 = new Person(20);

实现原理

1、创建一个空对象
2、让空对象的_proto_（IE没有该属性）成员指向了构造函数的prototype成员对象
3、使用apply调用构造器函数，属性和方法被添加到 this 引用的对象中
4、如果构造函数中没有返回其它对象，那么返回 this，即创建的这个的新对象，否则，返回构造函数中返回的对象
具体如下：

function _new() {
    let obj= {}; // 创建的新对象
    // 第一个参数是构造函数
    let [constructor, ...args] = [...arguments];

    // 执行 [[原型]] 连接 ;实际上就是生产了一个新的上下文
    obj.__proto__ = constructor.prototype;

    // 使用apply在obj作用域中调用构造器函数，属性和方法被添加到 this 引用的对象即obj中
    let result = constructor.apply(obj, args);
    if (result && (typeof (result) == "object" || typeof (result) == "function")) {
        // 如果构造函数执行的结果返回的是一个对象，那么返回这个对象
        return result;
    }
    // 如果构造函数返回的不是一个对象，返回创建的新对象
    return obj;
}

结合下面的代码片段来具体分析下：
代码片段一

    function Person(age){
        this.age= age;
        console.log(this);
        return {age:age};//返回对象
    }
    Person.prototype.index = 1

    var person1 = new Person(20);  // 此处相当于var person1=_new(Person, 20)
    var person2 = Person(18);
     
    console.log(person1);
    console.log(person2);

    console.log('p1.index=', person1.index)
    console.log('p2.index=', person2.index)

片段一执行结果
上面 var person1 = new Person(20)和var person1=_new(Person, 20)效果相当。

obj._proto_ = constructor.prototype，即 obj._proto_ = Person.prototype，
将obj的_proto_（隐式原型）指向Person的原型对象，此时obj的原型链为：
obj => Person.prototype => Object.prototype => null
因此执行到let result = constructor.apply(target, args)这句代码时，在obj作用域中调用Person函数，打印出 Person {age: 20}
因为Person函数返回的是一个对象，所以console.log(person1)打印出的就是返回的这个对象：{age: 20}，person1.index自然就为undefined

而var person2 = Person(18)，只是简单的调用了Person函数，在window全局中执行，所以打印出Window对象，执行console.log(person2)打印出：{age: 18}，person2.index为undefined

代码片段二

    function Person(age){
        this.age= age;
        console.log(this);
        // return {age:age};//返回对象
    }
    Person.prototype.index = 1

    var person1 = new Person(20);  // 相当于var person1 = _new (Person, 20);
    var person2 = Person(18);
     
    console.log(person1);
    console.log(person2);

    console.log('p1.index=', person1.index)
    console.log('p2.index=', person2.index)

片段二执行结果
代码片段二和代码片段一的区别在于，片段二中构造函数Person没有返回值（返回的不是一个对象，还可以通过直接返回age验证下效果），所以person1接收到的实际上是_new新创建的对象obj，即Person {age: 20}, person1.index则相当于obj.index属性时，它会先找自身的index属性，如果找不到，则会顺着原型链向上找，这时会找到People.prototype.index，person1.index的结果是1。
由于Person没有返回值，所以console.log(person2)结果为undefined，进而，打印person2.index时会报错。