闭包 : help me understand 的 JavaScript 作用域

Question

运行以下代码:

for (var i=0; i<3; i++) { 
   setTimeout( function() { console.log(i); } , 500 ); 
}

输出“3”三次。它输出 i 的最终值，而不是创建内部函数时 i 的值。

如果我希望输出为 1、2 和 3，我将如何编写这段代码？我怎样才能让它在定义函数时使用 i 的值而不是它的最终值？

Answer 1

for (var i=0; i<3; i++) {
   setTimeout( function(val) { return function() { console.log(val); } }(i), 500 );
}

因此，在 setTimeout 时间(在我们为 setTimeout 定义函数的时间)，我们调用匿名函数获取 val作为参数。这会为每个函数调用创建一个闭包，将 val 的值存储在我们刚刚调用的函数范围内。我用了 self-invoking function , 它立即创建一个 closure .

在您提供的代码中，代码创建了一个闭包，但对于整个代码的更大范围，因此 i 是整个代码的本地代码，这意味着在运行时，匿名函数将使用其余代码使用的变量 i。