日期:2014-05-16 浏览次数:20483 次
function NavBar(){}
NavBar.prototype.startAction = function(oNode , oAttr){ // 这里省略实现}
NavBar.prototype.init = function(){
for(var i = 0 ; i < this.showLength; i++)
{
oLi[i].index = i;
oLables[i].onmouseover = function(self){
//因为我想调用外部定义的startAction函数,所以不得不使用闭包
self.startAction(oLis[this.index] , {"opacity":100});
// 这里出现了问题!这里的this指向的不是 oLables[i],所以this.index实际上undefined,我打印了this输出结果是:window...
}(this);
}
}
//所以我不得不再费周折的搞一次
NavBar.prototype.init = function(){
for(var i = 0 ; i < this.showLength; i++)
{
oLi[i].index = i;
oLables[i].onmouseover = function(self){
return function(){
self.startAction(oLis[this.index] , {"opacity":100});
}
}(this);
}
}
//这种写法很纠结,不知道是否有高手给我解析下this的问题,同时是否可以简化我的代码
oLables[i].onmouseover = (function(self){
self.startAction(oLis[this.index] , {"opacity":100});
})(this);
//this值传给self供闭包函数内用。
------解决方案--------------------
我估计这应该是你马上调用函数的原因,这种匿名函数,在未赋予给特定对象时,应该会被当成是一个全局函数,这时它的this就会指向window这个全局对象了