js循环异步函数

Posted 朴兮

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js循环异步函数相关的知识,希望对你有一定的参考价值。

js中经常会遇到一个问题:需要循环异步函数,我们经常会这样写:

for(var i=0;i<10;i++){

  setTimeout(function(){

    console,log("输出i的值:”+i)

  },1000)

}

本以为会输出:

输出i的值:0

输出i的值:1

输出i的值:2
输出i的值:3
......
然而事情并不是这样,结果却是:
输出i的值:9
输出i的值:9
输出i的值:9
......
不要急,正确的写法是:

for(var i=0;i<10;i++){

  (function(i){

    setTimeout(function(){

      console,log("输出i的值:”+i)

    },1000)

  })(i)

}
jq的话用$.each遍历就好了。

 

以上是关于js循环异步函数的主要内容,如果未能解决你的问题,请参考以下文章