为什么要在函数内部声明 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