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)
}
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
第一个匿名函数立即执行,它不会进行等待,在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暴力拆解开来,应该是return的function是在定时到了之后打出log的,而非return的则立即执行。至于第一个定时为0*1000在之后出现,for循环是阻塞线程的,settimeout运行不了,等能运行,for循环就结束了。
好神奇,才发现setTimout有这种现象,现在有点理解js是单线程了(可能和线程不挂钩)。
闭包吧,PHP闭包函数详解