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

时间:2011-11-21 16:07:50

标签: javascript function closures

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

这在javascript中如何运作?

3 个答案:

答案 0 :(得分:12)

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

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

答案 1 :(得分:8)

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));
}

答案 2 :(得分:0)

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

另一种说法是:关闭一个变量不会将它复制到你的闭包中(对于对象没什么意义),它只是让你的闭包引用变量并确保这个变量不是GCed,直到闭包为止。 / p>