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循环异步函数的主要内容,如果未能解决你的问题,请参考以下文章

js的for循环中出现异步函数,回调引用的循环值总是最后一步的值?

当循环中调用了异步函数时,Node.JS 将如何处理循环控制?

哪种方式更方便在无限循环中执行异步函数,每次执行之间都休眠(Node.js / Vanilla JS)

js的for循环中出现异步函数,回调引用的循环值始终是最后的值

如何在异步函数 discord.js 中使用 message.react() 中的循环

js执行顺序+同步异步