JavaScript 循环中 DOM 事件绑定的闭包解决方案

JavaScript 循环中 DOM 事件绑定的闭包解决方案

今日在处理代码时遇到一个典型问题：

 
// 伪代码示例
for (var i=0; i<n; i++) {
addEvent(obj[i], "click", func(i));
} 

上述写法导致所有DOM元素绑定的事件最终都指向循环结束时的 i=n 状态。查阅相关资料发现，这是因为在循环过程中，this 指针及变量引用被不断覆盖，导致已注册的事件也随之改变。经过排查，找到了一种有效的解决方法；

 
for (var i=0; i<n; i++) {
(function (i){addEvent(obj[i], "click", function (){func(i);});})(i);
} 

此方法利用闭包机制，保持了对循环变量 i 的持久引用，效果显著。

（如果您有更优的解决方案，欢迎交流指正 (*^__^*) 嘻嘻……）