js实现异步循环实现代码
更新时间：2016年02月16日 14:47:44 投稿：mdxy-dxy
这篇文章主要介绍了js实现异步循环实现代码,需要的朋友可以参考下
问题
实现异步循环时，你可能会遇到问题。
让我们试着写一个异步方法，一次循环打印一次循环的索引值。
<script>
for(var i = 0; i < 5; i++){
setTimeout(function(){
document.writeln(i);document.writeln("<br />");
},1000);
}
</script>
如上程序的输出为：
5
5
5
5
5
原因
每次时间结束(timeout)都指向原始的i，而并非它的拷贝。所以，for循环使i增长到5，之后timeout运行并调用了当前i的值（也就是5）。
解决方法
有几个不同的方式可以拷贝i。最普通且常用方法是通过声明函数来建立一个闭包，并将i传给此函数。我们这里使用了自调用函数。
运行代码
<script>
for(var i = 0; i < 5; i++){
(function(num){
setTimeout(function(){
document.writeln(num);document.writeln("<br />");
},1000);
})(i);
}
</script>
输出
0
1
2
3
4
您可能感兴趣的文章:
相关文章
这篇文章主要为大家详细介绍了JS实现简单移动端鼠标拖拽，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
这篇文章主要介绍了Javascript模仿淘宝信用评价功能实现方法,以完整实例形式分析了JavaScript响应鼠标事件动态改变页面元素的相关技巧,并附带了完整的实例代码供读者下载参考,需要的朋友可以参考下2015-11-11
这篇文章主要为大家介绍了Promise抛出错误解决基础示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
这篇文章主要介绍了webpack是如何实现模块化加载的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
这篇文章主要介绍了Javascript中的匿名函数与封装介绍,本文分析了jQuery 封装、Backbone 封装、Underscore 封装等内容,需要的朋友可以参考下2015-03-03
在这篇内容中，我们把这套框架上的免费字体图标做了个整合(当然，以后还会不断的更新)。大家对bootstrap免费字体图标有需要的话，可以参考本教程2017-03-03
这篇文章主要介绍了JavaScript实现查找字符串中第一个不重复的字符,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了使用JavaScript通过前端发送电子邮件,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05
本文主要介绍了JS跳过debugger的几种方法小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
这篇文章主要为大家详细介绍了小程序云开发教程如何使用云函数实现点赞功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-05-05
最新评论