JavaScript面试考点-new操作符

JavaScript中new操作符是通过构造函数来创建一个实例对象。

而使用new的方式创建一个实例对象，经历了四个步骤：

• 创建一个空的对象
• 将新对象的对象原型，指向构造函数的原型对象即__proto__ = f.prototype
• this指向
• 返回对象

具体实习一个new的过程如下：

  function myNew(constructor, ...args) {
    //创建空对象，并且改变原型指向
    let obj = Object.create(constructor.prototype);
    
    //绑定this
    let res = constructor.apply(obj, args);
    
    //return，需要判断，如果k是Object，就返回k，不然就返回obj，隐式绑定和隐式返回的原理
    if(res instanceof Object){
      return res;
    }else{
      return obj;
    }
  }

这里有几个地方需要注意：

1.这里使用的是Object.create()，等价于obj.__proto__ = func.prototype，但本身是有区别的，在ES6中不推荐后面这种方式。

2.最后返回结果时，需要判断一下，基本类型不返回，只有对象类型才会返回，想详细了解可以具体看一下隐式绑定和隐式返回原理

  //测试
  function User(name) {
    this.name = name;
  }

  let ls = myNew(User, 'giao');
  // giao
  console.log(ls.name);

有不足欢迎补充~