new关键字对构造函数做了什么
在javascript中,new关键字能让一个函数变得与众不同,把new搞清楚了,就明白构造函数中的this指向谁了。
举个例子
funtion Demo(){
console.log(this);
}
Demo();//window
new Demo();//demo
很显然使用new
关键字之后,函数内部this的指向发生了变化,那么具体发生了什么变化呢,就得搞清楚new关键字究竟做了什么。
function New(func){
//声明一个中间对象,该对象为最终返回的实例
var res = {};
if(func.prototype != null){
//将实例的原型指向构造函数的原型
res.prototype = func.prototype;
}
//ret为构造函数执行的结果,这里通过```apply```,将构造函数内部的```this```指向修改为指向```res```,即实例对象
var ret = func.apply(res,Array.prototype.slice.call(arguments,1));
//当我们在构造函数上明确指定了返回对象时,那么```new```的执行结果就是该返回对象
if((typeof ret === 'object' || typeof ret === 'function')&&ret != null){
return ret;
}
return res;
}
所以在new一个实例的过程中,其实是执行了如下的步骤
- 1、声明一个中间对象
- 2、将该中间对象的原型指向构造函数的原型
- 3、将构造函数中的this指向该中间对象
- 4、返回该中间对象,即返回实例对象