javascript - 这串代码为什么会这样输出?
迷茫
迷茫 2017-04-11 12:30:49
[JavaScript讨论组]

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)
}
迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(5)
PHP中文网

第一个匿名函数立即执行,它不会进行等待,在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的

PHP中文网

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是单线程了(可能和线程不挂钩)。

PHPz

闭包吧,PHP闭包函数详解

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号