在for循环中添加定时器

想要在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的值不会销毁。code

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

经过闭包把变量i保存起来,3s后执行定时器函数能够正确的获得0,1,2,3,4。io

也能够把定时器要执行的函数体单独封装闭包,而后在定时器中调用:console

for(var i = 0;i < 5;i++){
    setTimeout(fun(i),3000);
};
function fun(a){
    return function(){ 
        console.log(a);
     };
 };
相关文章
相关标签/搜索