文章

new操作符具体干了什么

new操作符具体干了什么

new操作符具体干了什么

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

1
2
3
function Func(){
}
let func= new Func();

new 共经过了4个阶段:

1.创建一个空对象

1
let obj = new Object();

####

2.链接到原型

把 obj 的proto 指向构造函数Func的原型对象 prototype,此时便建立了 obj 对象的原型链:

obj->Func.prototype->Object.prototype->null

代码为:

1
obj.__proto__ = Func.prototype;

####

3.绑定this值(让Func中的this指向obj,并执行Func的函数体。)

1
let result = Func.call(obj);

####

4.返回新对象

(判断Func的返回值类型:

如果无返回值 或者 返回一个非对象值,则将 obj 作为新对象返回;否则会将 result 作为新对象返回。)

1
2
3
4
5
6
if (typeof(result) == "object"){
  func=result;
}
else{
    func=obj;
}
本文由作者按照 CC BY 4.0 进行授权