这串代码为什么会这样输出?

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)
}
阅读 2.8k
5 个回答

第一个匿名函数立即执行,它不会进行等待,在for的每次循环都会立即执行,所以会输出1,0;1,1;...;1,4;而且匿名函数里面返回了一个函数,这个函数会在对应的延迟后执行(延迟的时间不一定是i*1000ms,这要看你for循环消耗的时间长短);而且立即执行函数返回一个匿名函数,形成闭包,导致输出的是2,0;2,1;...;2,4

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)
            
            

returnfunction是在定时到了之后打出log的,而非return的则立即执行。至于第一个定时为0*1000

'1' 0
'1' 1
'1' 2
'1' 3
'1' 4
'2' 0

之后出现,for循环是阻塞线程的,settimeout运行不了,等能运行,for循环就结束了。

好神奇,才发现setTimout有这种现象,现在有点理解js是单线程了(可能和线程不挂钩)。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题