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
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了JavaScript新窗口与子窗口之间的传值,需要的朋友可以参考下2014-02-02
（推荐一个超好的JS函数库）S.Sams Lifexperience ScriptClassLib
（推荐一个超好的JS函数库）S.Sams Lifexperience ScriptClassLib...2007-04-04
这里说全局变量,着重指的是能够全局动态响应的情况,下面这篇文章主要给大家介绍了关于uniapp实现全局变量的几种方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-10-10
this是Javascript中一个非常容易理解错，进而用错的特性。所以下面这篇文章主要给大家介绍了关于Javascript中this关键字指向问题的相关资料，文中通过测试的题目考验大家对this的熟悉程度，需要的朋友可以参考借鉴，下面来一起看看吧。2017-08-08
响应式的本质是关于系统如何对数据变化做出反应,并且存在不同类型的响应式,本文就来介绍8种现代JavaScript响应式模式小结,具有一定的参考价值,感兴趣的可以了解一下2024-02-02
这篇文章主要介绍了微信小程序实现搜索框功能及踩过的坑,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-06-06
这篇文章主要介绍了信小程序用户授权、位置授权及获取微信绑定手机号,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
一个很棒的 blog 文章，是 PPK 两年前写的，文章中解释了 contains() 和 compareDocumentPosition() 方法运行在他们各自的浏览器上。2011-09-09
这篇文章主要介绍了JS批量操作CSS属性。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要为大家详细介绍了JavaScript周期性获取短信验证码的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
最新评论