setTimeout循环传参数几种方式

最新推荐文章于 2021-09-24 20:29:27 发布

weixin_30867015

最新推荐文章于 2021-09-24 20:29:27 发布

阅读量140

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/feng18/p/9485249.html

本文探讨了JavaScript中使用setTimeout与setInterval时，如何正确处理变量i的值，避免常见错误。通过闭包、let声明及bind方法等技巧，确保每次回调函数都能获取正确的迭代值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

for(var i=0;i<5;i++){
        setTimeout(function(){
            console.log(`错误 ${i}`);
        },0)
    }

这种错误的，参数不会变！

以下几种方式正确。

 for(var i=0;i<5;i++){
        (function(i){
            setTimeout(function(){
                console.log(`闭包 ${i}`);
            },0)
        })(i);
    }

    
     
    for(let i=0;i<5;i++){
        setTimeout(function(){
            console.log(`let ${i}`);
        },0)
    }

     
    for(var i=0;i<5;i++){
        setTimeout(function(i){
            console.log(`bind ${i}`);
        }.bind(null,i),0)
    }

    
     
    for(var i=0;i<5;i++){
    
        setTimeout(function(i){
            console.log(`参数 ${i}`);
        },0,i)
    }

间隔3秒执行,注意i*3000:

 for(var i=0;i<5;i++){
        (function(i){
            setTimeout(function(){
                console.log(`闭包 ${i}`);
                //alert("闭包"+ i);
            },i*3000)
        })(i);
    }

setInterval是一直循环的到4重新执行:

var i = 0;
setInterval(function(){
    if( i > 4 ){
        i = 0;
    }
    List(i);
    i++;
},5000);
function List(i){
  document.write(i+"<br />");
}