它打印10次10​​次我不明白为什么？

Question

var i; 
var print = function(){ 
    console.log(i); 
}; 
for(i = 0 ; i<10;i++){ 
setTimeout(print,1000); 
}; 

它打印10次10​​次我不明白为什么？

Answer 1

setTimeout是一个异步调用。这意味着，它只有在整个循环得到执行后才会执行。在你的JS解释，这将是这样的：

1: for loop.        // i = 0 
2: send setTimeout #1.  increment i. // i = 1 
3: send setTimeout #2.  increment i. // i = 2 
4: send setTimeout #3.  increment i. // i = 3 
5: send setTimeout #4.  increment i. // i = 4 
6: send setTimeout #5.  increment i. // i = 5 
7: send setTimeout #6.  increment i. // i = 6 
8: send setTimeout #7.  increment i. // i = 7 
9: send setTimeout #8.  increment i. // i = 8 
10: send setTimeout #9.  increment i. // i = 9 
11: send setTimeout #10. increment i. // i = 10 
12: finish for loop.      // i = 10 
13: exec setTimeout #1.      // i = 10 
14: exec setTimeout #2.      // i = 10 
15: exec setTimeout #3.      // i = 10 
16: exec setTimeout #4.      // i = 10 
17: exec setTimeout #5.      // i = 10 
18: exec setTimeout #6.      // i = 10 
19: exec setTimeout #7.      // i = 10 
20: exec setTimeout #8.      // i = 10 
21: exec setTimeout #9.      // i = 10 
22: exec setTimeout #10.     // i = 10 

当执行阶段会发生，i将已经10

要做到这一点是使用闭包的正确方式。他们通过打包变量的值来维护环境价值。

var i; 
 
var print = function(i) { 
 
    console.log(i); 
 
}; 
 
for (i = 0; i < 10; i++) { 
 
    (function (a) { 
 
    setTimeout(function() { 
 
     print(a); 
 
    }, 1000); 
 
    })(i); 
 
}

Answer 2

这是因为JavaScript事件循环。所有的setTimeout都堆放在事件循环队列的末尾。一旦你的for循环完成（在我已经增加到10的时候），所有setTimeouts开始执行。因此，你总是看到10个打印。

Answer 3

n从封闭中选取值。它在创建函数时包含值= 1,2,3 ...。

var i ; 
 
var print = function(n){ 
 
    console.log(n); 
 
}; 
 
for(i = 0 ; i<10;i++){ 
 
setTimeout((function(n){ 
 
    return function() { 
 
    print(n); 
 
    } 
 
})(i),1000); 
 
};