for ( var i = 0 ;i<5;i++){
setTimeout((function(i){
console.log('1',i);
var j= i;
return function(){
console.log('2',j);
}
})(i),i*1000)
}
for ( var i = 0 ;i<5;i++){
setTimeout((function(i){
console.log('1',i);
var j= i;
return function(){
console.log('2',j);
}
})(i),i*1000)
}
1.setTimeout的第一个参数,现在是一个立即执行函数,i是通过形参传过去的,所以会直接输出对应递增的i
2.返回的函数,会在 i*1000 ms之后被调用,一次输出递增的i
3.至于中间的那个数字,是用来标记setTimeout,方便日后clearTimeout的
把for
暴力拆解开来,应该是
setTimeout((function(0){console.log('1', 0);
return function(){console.log('2', 0)}}), 0*1000)
setTimeout((function(0){console.log('1', 1);
return function(){console.log('2', 1)}}), 1*1000)
setTimeout((function(0){console.log('1', 2);
return function(){console.log('2', 2)}}), 2*1000)
setTimeout((function(0){console.log('1', 3);
return function(){console.log('2', 3)}}), 3*1000)
setTimeout((function(0){console.log('1', 4);
return function(){console.log('2', 4)}}), 4*1000)
return
的function
是在定时到了之后打出log
的,而非return
的则立即执行。至于第一个定时为0*1000
在
'1' 0
'1' 1
'1' 2
'1' 3
'1' 4
'2' 0
之后出现,for循环是阻塞线程的,settimeout运行不了,等能运行,for循环就结束了。
13 回答12.8k 阅读
7 回答2k 阅读
3 回答1.1k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
6 回答928 阅读✓ 已解决
2 回答1.4k 阅读✓ 已解决
6 回答1.1k 阅读
第一个匿名函数立即执行,它不会进行等待,在for的每次循环都会立即执行,所以会输出1,0;1,1;...;1,4;而且匿名函数里面返回了一个函数,这个函数会在对应的延迟后执行(延迟的时间不一定是i*1000ms,这要看你for循环消耗的时间长短);而且立即执行函数返回一个匿名函数,形成闭包,导致输出的是2,0;2,1;...;2,4