javascript：在 function() { } 中使用当前的 for 循环计数器值？

Question

在一个网站上我想这样做：（简化）

myHandlers = new Array();
for(var i = 0; i < 7; i++) {
  myHandlers.push(new Handler({
    handlerName: 'myHandler'+i, // works, e.g. ->myHandler1, 2, 3 etc.
    handlerFunc: function(bla) { /*...*/ alert(i); } // doesn't work,all return 7
  }
}

我可以将计数器设置为我的处理程序的另一个属性（这将复制当前值）并在我的函数中使用它，但我想，还有一种方法可以实际复制这个值，不是吗？

Answer 1

当handlerFunc被调用时，函数内的i引用for循环的i。但 i 可能不再具有相同的值。

使用闭包将 i 的当前值绑定到匿名函数的作用域中：

handlerFunc: (function(i) { return function(bla) { /*...*/ alert(i); }; })(i)

这里使用了一个匿名函数 (function(i) { … })(i)并立即打电话。该函数将for 循环的i 值绑定到本地i。该 i 然后独立于 for 循环的 i。

Answer 2

var myHandlers = new Array();
for (var i = 0; i < 7; i++) {
  myHandlers.push(new Handler({
    handlerName: 'myHandler'+i, // works, e.g. ->myHandler1, 2, 3 etc.
    handlerFunc: 
    (function(i) { 
     return function(blah) { 
         alert(i) 
     }
     })(i)
  }))
}

使用闭包绑定 i 以使值保持不变

Answer 3

在您的示例中，函数中的 i 与函数外部的 i 是相同的变量。随着i在循环中递增，它也在函数内递增。因此，如果在循环结束后调用这些函数，它们都会发出“7”警报。

您需要创建一个具有适当范围的新变量并将 i 的值复制到其中。

像这样的事情就会产生预期的效果。

...
var pushHandler = function(i) {
  myHandlers.push(new Handler({
    handlerName: 'myHandler'+i, // works, e.g. ->myHandler1, 2, 3 etc.
    handlerFunc: function(bla) { /*...*/ alert(i); } // doesn't work,all return 7
  }
}
...
for(var i = 0; i < 7; i++) {
  pushHandler(i);
}

...