匿名函数中的 JavaScript 上下文

Question

我想将一个函数设置为数组中每个元素的属性，但使用不同的参数调用它。我想我可以使用匿名函数来解决它：

for ( var i = 0; i < object_count; i++ ) {
    objects[i].callback = function(e,x,y){ cb(e,x,y,i) };
}

但是，该函数是用 i 当时的值调用的。我将如何保留上下文？

Answer 1

您可以将赋值包装在函数中，或者至少在右侧：

    objects[i].callback = (function(i) { return function(e, x, y) {
      cb(e, x, y, i);
    })(i);

立即调用“外部”匿名函数，将循环变量“i”复制到参数中（我也将其称为“i”；有些人认为这样做很令人困惑，而其他人则说这样做很令人困惑，所以你可以决定:-)，然后由返回的“内部”匿名函数使用它。

解决此问题的另一种方法是使用实​​用函数来实现此目的，而不是简单的内联匿名函数。在这种情况下，它会变得有点棘手，因为您希望“i”成为实际回调函数的最后参数。 Functional JavaScript 库有一个很酷的实用程序，可以让您“预填充”选定的参数具有固定值的函数，为您提供一个可以将参数传递给非固定值的函数；它看起来像这样：

  objects[i].callback = (function(e, x, y, i) { return cb(e, x, y, i); }).partial(_, _, _, i);

无论是好还是坏都是风格和观点的问题。

编辑只是喝了一点咖啡 - 我认为我认为我必须使用上面的“partial()”有点愚蠢。事实上，内部函数（“真正的”函数）想要“i”位于参数列表的末尾，这实际上与需要设置的方式无关。上面的例子也可以这样完成：

   objects[i].callback = (function(i, e, x, y) { return cb(e, x, y, i); }).curry(i);

这就不那么奇怪了。 （不过，两者都可以。至少，我认为他们会。:-)

Answer 2

当您编写

for (var i = something; ...) {
  a[i] = function() { x(i); }
}

函数中的 i 对于所有函数来说都是相同的（它与您在 for 循环范围中定义的变量完全相同。

您想要做什么就是拥有一个特定于每个函数上下文的变量。您可以

for (var i = something; ...) {
  (function () {        // using an anonymous function, we create a private context
     var new_i = i;     // new_i has the value of 'i' but exists solely in this
                        // private context
     a[i] = function() { x(new_i); }
                        // the assigned function now refers a variable of the private
                        // context, which will be different on the following loop
                        // iterations
  })();
}

通过搜索闭包和作用域在 JavaScript 中的工作原理来获取有关此主题的更多信息。