曾经遇到的for循环中的闭包问题：大致就是这样：
for(var i = 0;i<=oBtn.length;i++){
oBtn[i].onclick=function(){
change_style(oDiv,oAttr[i],oVal[i]);
}
}
当时理所应当会以为出来结果，才发现虽然没有报错，但是也没有反应。console了一下发现oAttr[i],oVal[i]，都是undefined，这就让我纳闷了，然后测试了一个例子：
for(var i = 0;i<=5;i++){
input.onclick=function(){
console.log(i);
}
}
测试结果为一个6，然后在网上查询了之后发现，问题的原因大致是当for循环执行完毕后，i变量被垃圾回收，接着执行click函数的时候，因为内部没有i变量所以会去父级作用域去找，那时for循环已经执行完成，所以只会输出6.我自己的理解的话，解决方法总结起来应该是两种类型，一种就是增加若干个对应的闭包域空间(这里采用的是匿名函数),专门用来存储原先需要引用的内容(下标),不过只限于基本类型(基本类型值传递,对象类型引用传递)，另一种就是用一个变量索引，保存一直i的值。
还是拿上一篇的例子，实现简单的DIV属性切换，如果用闭包实现的话可以这样：
for(var i=0;i<=oBtn.length-1;i++){
(function(i){
oBtn[i].onclick=function(){
if (i == 4) {
oDiv.style.cssText = ”;
}else{
change_style(oDiv,oAttr[i],oVal[i]);
}
}
})(i)
}
转载请注明来源网站:blog.ytso.com谢谢！
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/14993.html