new过程发生了什么?

通过new操作符调用构造函数的5个步骤

1、 创建一个新对象
2、 将新对象内部的 [[Prototype]] 属性被赋值为构造函数的 prototype 属性（继承构造函数的属性和方法）
3、 构造函数内部的 this 被赋值为这个新对象（ this 指向新对象）
4、 执行构造函数内部的代码（给新对象添加属性）
5、 如果构造函数返回对象，则返回该对象；否则，返回刚创建的新对象(空对象)

实现new方案一🌰

function _new(Fn, ...args) {
    // Object.create(现有的对象) 使用现有的对象作为新对象的原型
    // 1、新建一个对象，并将构造函数的原型作为新对象的原型，继承构造函数原型上的方法
    var obj = Object.create(Fn.prototype);
    // 2、将构造函数的this指向新的对象，执行构造函数内部代码并拿到返回值
    var res = Fn.apply(obj, args);
    // 3、构造函数有返回则返回构造函数的返回值，没有则返回新对象obj
    return res instanceof Object ? res : obj;
}

实现new方案二🌰

function _new(Fn, ...args) {
    // 1、新建一个对象
    var obj = {};
    // 2、新对象的原型指针指向构造函数的原型，继承构造函数原型上的方法
    obj.__proto__ = Fn.prototype;
    // 3、将构造函数的this指向新的对象，执行构造函数内部代码并拿到返回值
    var res = Fn.apply(obj, args);
    // 4、构造函数有返回则返回构造函数的返回值，没有则返回新对象obj
    return res instanceof Object ? res : obj;
}