JS闭包问题

因为你需要在事件内使用事件外的循环变量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就可以了。