因为你需要在事件内使用事件外的循环变量i。
你的循环中只是为元素绑定事件,这时事件并没有触发执行。
等到事件触发时,那个循环早已经结束了,那时的i的值已经是循环最大值加1了。
所以需要用一些方式保存住当前循环的i的值。
方案1为:用闭包保存住当前循环的i的值。
for(var i=0;i<doms.length;i++) {
(function(i){
doms[i].onclick=function(){
alert(i);
}
})(i);
}
方案2为:用let块作用域变量,原理也是闭包(ie11以前不支持)
for(var i=0;i<doms.length;i++) {
let j = i;
doms[i].onclick=function(){
alert(j);
}
}
方案3为:在事件函数内不使用循环变量i,而是用this获取触发事件的元素
for(var i=0;i<doms.length;i++) {
doms[i].index = i;
doms[i].onclick=function(){
alert(this.index);
}
}
如果你只是要获取触发事件的元素,而不需要使用循环变量i。可以直接在事件函数内用this就可以了。
JS闭包问题
最新推荐文章于 2023-12-19 22:16:59 发布