new

new 做了什么

• 创建了一个全新的对象
• 实例与构造函数通过原型链链接了起来
• 将空对象作为构造函数的this上下文，执行构造函数
• 返回新对象

实现一个new

  function testNew (fn) {
    // 获取传入的参数;
    const args = [].slice.call(arguments, 1);
    // 新建一个对象
    const newObj = {};
    // 把这个对象与构造函数的原型对接
    Object.setPrototypeOf(newObj, fn.prototype)
    // this指向新对象
    fn.apply(newObj, args);
    // 返回这个对象
    return newObj       
}
复制代码

对比下看

   function Person(name) {
       this.name = name
   }

   const obj = new Person('你好')

   function testNew (fn) {
        // 获取传入的参数;
        const args = [].slice.call(arguments, 1);
        // 新建一个对象
        const newObj = {};
        // 把这个对象与构造函数的原型对接
        Object.setPrototypeOf(newObj, fn.prototype)
        // this指向新对象
        fn.apply(newObj, args);
        // 返回这个对象
        return newObj       
   }



   const  testObj = testNew(Person, '我好啊')

   console.log(obj, testObj, '测试');
复制代码

一模一样有木有

但是要注意如果构造函数中返回了一个对象那么new了之后返回的就是构造函数的对象，所以我们还是要再改动下

   function testNew (fn) {
        // 获取传入的参数;
        const args = [].slice.call(arguments, 1);
        // 新建一个对象
        const newObj = {};
        // 把这个对象与构造函数的原型对接
        Object.setPrototypeOf(newObj, fn.prototype)
        // this指向新对象
        const fnObj = fn.apply(newObj, args);
        // 返回这个对象
        return fnObj instanceof Object ? fnObj : newObj;       
   }
复制代码