Douglas Crockford 有一种新的惯用方式来实现上述目标 - 他的旧技术是使用内部函数来绑定变量，但新技术使用了函数生成器。请参阅他的“终极功能”演讲幻灯片中的幻灯片 74。[此幻灯片已不存在]

对于懒人，这里是代码：

function make_handler(div_id) {
    return function () {
        alert(div_id);
    };
}
for (i ...) {
    div_id = divs[i].id;
    divs[i].onclick = make_handler(div_id);
}

（我只是在发布几个月后偶然发现了这个问题......）

如果您在循环中创建一个函数，则会为循环的每次迭代创建一个函数实例。除非每次迭代生成的函数实际上都不同，否则使用将函数生成器置于循环之外的方法——这样做不仅仅是 Crockery，它让阅读你代码的其他人知道这是你的意图.

如果该函数实际上是在迭代中分配给不同值的同一个函数（或迭代中生成的对象），那么您需要将该函数分配给一个命名变量，并在分配中使用该函数的单个实例环形：

handler = function (div_id) {
    return function() { alert(div_id); }
}

for (i ...) {
    div_id = divs[i].id;
    divs[i].onclick = handler(div_id);
}

当我在 Stack Overflow 上提出类似问题时，其他比我更聪明的人对此进行了更多评论/讨论： JSlint 错误“不要在循环中创建函数”。导致关于 Javascript 本身的问题

至于JSLint：是的，它是教条和惯用的。也就是说，它通常是“正确的”——我发现许多对 JSLint 持否定态度的人实际上并不理解（微妙的）Javascript，它们很多而且很钝。

从字面上看，通过执行以下操作来解决问题：

1. 创建.jshintrc文件

2. 将以下行添加到您的.jshintrc文件中

   {"loopfunc" : true, // tolerate functions being defined in loops }

JSLint 只是一个指南，您不必总是遵守规则。问题是，您不是在循环中创建函数，就像它所指的那样。您只能在应用程序中创建一次类，而不是一遍又一遍。

如果您正在使用 JQuery，您可能希望在循环中执行以下操作：

for (var i = 0; i < 100; i++) {
  $("#button").click(function() {
    alert(i);
  });
}

为了满足 JSLint，解决此问题的一种方法是（在 JQuery 1.4.3+ 中）使用额外的处理程序数据参数.click()：

function new_function(e) {
  var data = e.data; // from handler
  alert(data); // do whatever
}

for (var i = 0; i < 100; i++) {
  $("#button").click(i, new_function);
}