它打印10次10次我不明白为什么?
问题描述:
var i;
var print = function(){
console.log(i);
};
for(i = 0 ; i<10;i++){
setTimeout(print,1000);
};
它打印10次10次我不明白为什么?它打印10次10次我不明白为什么?
答
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);
}
答
这是因为JavaScript事件循环。所有的setTimeout都堆放在事件循环队列的末尾。一旦你的for循环完成(在我已经增加到10的时候),所有setTimeouts开始执行。因此,你总是看到10个打印。
答
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);
};
它做什么它该做的,使用一段时间(){}循环,或为了更好的理解做{} while()循环。 –
你想要做什么?在循环结束时调用一次? –
@Praveen Kumar 一旦callstack被执行,然后执行setTimeout,就会在callstack的结尾调用setTimeout。有些开发人员将时间设置为0毫秒setTimeout(print,0);只是为了在最后立即执行一个函数。 –