JavaScript 在 for 循环中绑定事件时，通常会遇到事件参数不同的情况，这种情况下，如果不加以处理，则会导致事件回调出错或者引起内存泄漏等问题。解决该问题的方法是通过使用闭包和立即执行函数表达式，来给事件参数绑定上恰当的值。下面是具体的攻略：
通过立即执行函数表达式可以在每次迭代时创建一个新的作用域，借此来避免事件参数共享问题。例如，我们要在循环中给多个按钮绑定点击事件：
for (var i = 0; i < 3; i++) {
var btn = document.createElement('button');
document.body.appendChild(btn);
(function(i) {
btn.addEventListener('click', function() {
console.log('button ' + i + ' clicked');
});
})(i);
}
在上面的例子中，我们对于每个按钮都创建了一个新的作用域，从而可以把当前迭代的 i 值传递给按钮点击事件的回调函数，使得每个按钮点击时输出的信息不同。
可以通过给 DOM 元素绑定属性的方式，在循环内传递参数，避免事件参数共享问题。例如，我们要给多个按钮绑定点击事件，并每个按钮都对应一个 id：
for (var i = 0; i < 3; i++) {
var btn = document.createElement('button');
document.body.appendChild(btn);
btn.id = 'btn-' + i;
btn.addEventListener('click', function() {
console.log('button ' + this.id + ' clicked');
});
}
在上面的例子中，我们给每个按钮绑定了一个 id，然后在点击事件的回调函数中，使用 this 关键字来获取当前触发事件的按钮 id，这样就可以避免事件参数共享的问题。
总之，无论是使用立即执行函数表达式还是绑定属性的方式，都是通过创建一个新的作用域，来解决在 JavaScript 循环中绑定事件出现的参数共享问题。
本文链接：http://task.lmcjl.com/news/10613.html