在javascript匿名方法中访问复制的整数变量答案

【问题标题】：Access a copied integer variable in javascript anonymous method在javascript匿名方法中访问复制的整数变量
【发布时间】：2012-01-03 03:00:48
【问题描述】：

我是一名 C# 开发人员，并且习惯于闭包在 C# 中的工作方式。目前我必须使用匿名 javascript 函数并遇到以下 sn-p 问题：

    function ClosureTest() {
    var funcArray = new Array();

    var i = 0;
    while (i < 2) {
        var contextCopy = i;

        funcArray[i] = function() { alert(contextCopy); return false; };

        i++;
    }

    funcArray[0]();
    funcArray[1]();
}

我希望第一个funcArray() 呼叫说0，第二个说1。但是，他们都说1。这怎么可能？

通过编写var contextCopy = i，我确保创建了i 变量的副本。然后，在每次迭代中，我都会创建一个全新的函数指针。每个函数引用它自己的i 副本，即contextCopy。但是，由于某种原因，两个创建的函数都引用了相同的contextCopy-variable。

这在 javascript 中是如何工作的？

【问题讨论】：

您没有使用for 循环是否有原因？

标签： javascript function closures

【解决方案1】：

JavaScript 有词法闭包，而不是块闭包。即使您将 i 分配给 contextCopy，contextCopy 本身也是 ClosureTest 的词法成员（这与 C# 不同，其中 {} 为您提供了一个新的作用域块）。试试这个：

while (i < 2) {
    funcArray[i] = (function(value) { 
        return function(){ alert(value); return false; }
    })(i);
    i++;
}

【讨论】：

感谢您提供这个工作示例。在这里提供这些解释后，我很清楚为什么我的初始尝试不起作用。

【解决方案2】：

JavaScript 中的花括号 ({}) 不像 C# 中那样捕获变量。

只有闭包（函数）会引入新的作用域并捕获变量。

var i = 0;
while (i < 2) {
  var contextCopy = i;
  ...
}

实际上被解释为：

var i, contextCopy;
i = 0;
while (i < 2) {
  contextCopy = i;
  ...
}

要获取变量的副本，您需要使用闭包来包装代码：

var i;
i = 0;
while (i < 2) {
  (function (contextCopy) {
  ...
  }(i));
}

【讨论】：

+1 用于指出 contextCopy 变量的提升（不像我的回答那样清楚）

【解决方案3】：

您不会创建 i 变量的副本。相反，你使这个变量依赖于使用它的闭包。这意味着当 while 循环退出时， i 变量继续处于其最后一个状态 (1) 并且两个闭包都引用它。

另一种说法：关闭变量不会将其复制到您的闭包中（对对象来说意义不大），它只是让您的闭包引用该变量并确保该变量在闭包之前不会被 GC。

【讨论】：