-1

我正在尝试通过学习如何使用闭包来扩展我的 JavaScript 技能水平。在下面的代码中，我想我会看到 console.log 输出从 3 倒数到 0。相反，我得到 -1、-1、-1、-1。

我知道我正在处理范围界定问题，但仅此而已。少了什么东西？这应该如何正确写，为什么？

function closure_count_test (number)   
{    
    for (var x = 0; x <= number; x += 1)   
    {  
        setTimeout(function() {console.log(number - x);}, x * 1000);  
    }  
}  

closure_count_test(3);
4

4 回答 4

0

这是有效的，因为 x 被定位在另一个闭包内

function closure_count_test(number) {
    for (var x = 0; x <= number; x++)  ( // not need {} as here is only one operator
      function (x) { //Now x - local variable in anonymous function
        return setTimeout(function () {
            console.log(number - x);
        }, x * 1000);
      }(x) // pass x to anonymous function as argument
    ); 
}

closure_count_test(3);
于 2013-01-31T07:07:59.827 回答
0

作用域的基本工作原理是，它使嵌套函数中引用的主函数的变量在函数结束后保留​​下来，并且所有这些函数都可以在以后访问它们。在提供的示例中，x 是在主函数中定义的变量，所有嵌套函数稍后都可以引用它。到那时 x 的值将是 number+1，所以你的结果很有意义。要解决此问题，您必须避免引用主函数的变量。这是正常的技术：

function closure_count_test (number)   
{    
   for (var x = 0; x <= number; x += 1)   
   {  
       setTimeout(function(x) {
          return function() {console.log(number - x);}
       } (x), x * 1000);
   }  
}

您在这里所做的是调用多个嵌套函数，它们将自己的 x 作为参数复制，并且每个函数都有一个嵌套函数，该函数将通过范围引用该参数。

于 2013-01-31T07:12:28.590 回答
0

x由for循环迭代，但函数 insetTimeout使用变量x，该变量在创建函数时未插值。这会导致它使用 is 的任何最终值x（因为setTimeouts 在循环完成后执行）。

为了解决这个问题，您必须将 x 的值原样传递给setTimeout. 您可以调用返回另一个函数（新回调）的函数：

for (var x = 0; x <= number; x += 1) {
    setTimeout(
        (function (x) {
            return function () { console.log(number - x) };
        })(x)
    , x * 1000);  
}

这x从具有当前值的外部范围传递到内部范围。内部函数使用x创建函数时的任何值。

返回一个函数以正常工作setTimeout。

http://jsfiddle.net/ExplosionPIlls/QhA3a/

于 2013-01-31T07:13:14.270 回答
0

你的逻辑是正确的。问题是 setTimout 只考虑变量的最新值。所以 setTimout 总是得到 x = 0 因为它是循环中的最后一个。

如果删除 setTimout 函数，您可以看到所需的输出。

于 2013-01-31T07:06:39.920 回答