JavaScript：您可以在创建时将变量替换为匿名函数吗？

Question

可能的重复：
循环内的 JavaScript 闭包 - 简单的实际示例

而不是解释问题，我举一个例子：

for (var i = 0; i < 100; i ++) {
  get_node(i).onclick = function() {
    do_something_very_important(i);
  }
}

有什么方法可以在创建而不是执行时将 i 的值替换到函数中吗？谢谢。

Answer 1

是的，这有效...

for (var i = 0; i < 100; i++) {
  get_node(i).onclick = (function(i) {
    return function () {
      do_something_very_important(i);
    }
  })(i);
}

Answer 2

是的，您可以，但这不适用于您提供的示例。您可能会遇到一个非常常见的闭包问题，其中 <代码>for循环。

闭包中包含的变量共享相同的单一环境，因此当调用 onclick 回调时，for 循环将运行其进程，并且 i 变量将指向最后分配的值。在您的示例中，do_something_very_important() 函数将为每个节点传递值 100，这不是您想要的。

您可以使用函数工厂通过更多的闭包来解决这个问题：

function makeClickHandler(i) {  
  return function() {  
    do_something_very_important(i);
  };  
}

// ...

for(var i = 0; i < 100; i++) {
  get_node(i).onclick = makeClickHandler(i);
}

如果您不熟悉闭包的工作原理，这可能是一个相当棘手的话题。您可能需要查看以下 Mozilla 文章以获取简要介绍：

• Mozilla 开发中心：工作使用闭包

---

更新：

您还可以将上述函数工厂内联为 @adamse 在其他答案中建议。这实际上是一种更常见的方法，但实际上与上面的相同：

for(var i = 0; i < 100; i++) {
  get_node(i).onclick = (function(p) {
    return function () {
      // we could have used i as a parameter variable as well,
      // but we're using p to better illustrate what's happening
      do_something_very_important(p); 
    }
  })(i);
}

任何另一种解决方案都是通过使用自调用匿名函数将每个迭代封闭在其自己的范围内：

for(var i = 0; i < 100; i++) {
  (function (p) {
    // we now have a separate closure environment for each
    // iteration of the loop
    get_node(i).onclick = function() {
      do_something_very_important(p);
    }
  })(i);
}