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、返回该中间对象,即返回实例对象
posted @ 2017-03-29 15:42  McRay  阅读(1596)  评论(0编辑  收藏  举报