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

Question

我是一名C#开发人员,习惯于在C#中使用闭包.目前我必须使用匿名javascript函数并遇到以下代码段的问题:

    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-variable 的副本.然后,在每次迭代中,我创建一个全新的函数指针.每个函数都指自己的副本i,即contextCopy.但是,由于某些原因,两个创建的函数都引用相同的contextCopy变量.

这在javascript中如何工作？

Answer 1

JavaScript有词法闭包,而不是闭包.即使您将i分配给contextCopy,contextCopy本身也是ClosureTest的词法成员(它与C#不同,其中{}为您提供了新的作用域块).试试这个:

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

Answer 2

{}JavaScript中的Curly braces()不像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));
}