为什么要在函数内部声明 var that = this 呢

看一个例子

 $('#conten').click(function(){
      //this是被点击的#conten
      var that =this;
      $('.conten').each(function(){
          //this是.conten循环中当前的对象
          //that仍是刚才被点击我的#conten
      })
  })

this对象在程序中随时会改变,而var  that = this之后,that不会改变,仍然指向之前的this,这样就不会找不到原来的对象

 tab.prototype.init = function(){
      for(var i=0,len =this.span.length;i<len;i++){
          var that = this;
          that.span[i].index =i;
          that.span[i].onclick = function(){
              that.show(this.index);
          }
      }
      this.show(1);
  }

这个例子中,如果将that.show(this.index) 改为 this.show(this.index),此时 this.show中this指向that.span[i],此时会因为找不到that.span[i]而报错。而改成that.show(this,index),此时,that因为前面申明 var that =this,that指向外层。

理解尚不到位我再查查资料。。。。。。

原文地址:https://www.cnblogs.com/lrgupup/p/8599174.html