我是一名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中如何运作?
答案 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>