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

前端之家收集整理的这篇文章主要介绍了在javascript匿名方法中访问复制的整数变量前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是一名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中如何工作?

解决方法

JavaScript有词法闭包,而不是块闭包.即使您将i分配给contextCopy,contextCopy本身也是ClosureTest的词法成员(与C#不同,其中{}为您提供了新的作用域块).试试这个:
while (i < 2) {
    funcArray[i] = (function(value) { 
        return function(){ alert(value); return false; }
    })(i);
    i++;
}
原文链接:https://www.f2er.com/js/159175.html

猜你在找的JavaScript相关文章