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遍历就好了。

 

posted @ 2018-04-04 17:55  朴兮  阅读(3807)  评论(1编辑  收藏  举报