new操作符具体干了什么

1,092 阅读1分钟

如下代码,通过构造函数创建实例对象:

function Func(){}
const func= new Func();

new 共经过了4个阶段:

  1. 创建一个空对象
let obj = new Object();
  1. 链接到原型 把 obj 的__proto__ 指向构造函数Func的原型对象 prototype,此时便建立了 obj 对象的原型链: obj->Func.prototype->Object.prototype->null 代码为:
obj.__proto__ = Func.prototype;
  1. 绑定this值(让Func中的this指向obj,并执行Func的函数体。)
let result = Func.call(obj);
  1. 返回新对象 (判断Func的返回值类型: 如果无返回值 或者 返回一个非对象值,则将 obj 作为新对象返回;否则会将 result 作为新对象返回。)
// 这个怎么理解呢,就是在Func里如果有可能会return 一个对象出去,类似:
// function Func(){
//    return {name:'foo'}
// }
// const func= new Func();
// 那么:func  --> {name:'foo'}
// 为了支持这种情况,所以返回新对象的时候,需要下面判断:

if (typeof(result) == "object"){
  func=result;
}
else{
    func=obj;
}