在for循环中添加定时器

2019独角兽企业重金招聘Python工程师标准>>>

想要在3s后顺序得到0,1,2,3,4的值，在for循环中添加一个定时器：

for(var i = 0;i < 5;i++){
    setTimeout(function(){
        console.log(i);
    },3000);
};

输出的结果是5个5，在上网查询了原因之后发现：

定时器函数是异步执行的，而for循环的执行速度很快，当执行到定时器的函数体时，for已经执行完毕(i的值已经变成了5)；所以会输出5个5。

想要正确的顺序输出i的值而不是5个5，就要保存i的值不会销毁。

for(var i = 0; i < 5; i++){
    (function(a){
        setTimeout(function(){
            console.log(a);
        },3000);
    })(i);
}

通过闭包把变量i保存起来，3s后执行定时器函数可以正确的得到0,1,2,3,4。

也可以把定时器要执行的函数体单独封装闭包，然后在定时器中调用：

for(var i = 0;i < 5;i++){
    setTimeout(fun(i),3000);
};
function fun(a){
    return function(){ 
        console.log(a);
     };
 };

转载于:https://my.oschina.net/u/3704598/blog/1548711