开发者社区> leonwuv> 正文

当js中的for循环遇到延时器或者定时器时需要注意的问题(这里有个大坑)

简介: 当你在for循环里写if判断,再加延时器或者定时器时,一定要保存当前的i的值,再做处理,否则你拿到的i的值会是for循环里最大的那个; 看demo for (var i = 0; i < 10; i++) { if(i == 5){ setTimeout(aa,2000); function aa(){ console.log( "i="+i);
+关注继续查看

当你在for循环里写if判断,再加延时器或者定时器时,一定要保存当前的i的值,再做处理,否则你拿到的i的值会是for循环里最大的那个;

看demo

for (var i = 0; i < 10; i++) {
			if(i == 5){
				setTimeout(aa,2000);
				function aa(){
					console.log( "i="+i);
				}
			}
		}

你们觉得会打印出i的值是几?

最终结果会是10!

延时器换做定时器,  最终结果也是一样的;


那么为什么呢?

js读取代码是从上向下读取的,当它读取到i满足if语句的时候并不是停止了,还会继续做循环判断;而此时if语句里面是一个延时器,当延时器的延时时间结束要调用aa函数的时候,for循环已经循环结束,而此时的i已经变为10;

所以打印出来i的值就会是10;

那么怎么解决这个问题呢?看代码

var j = null;
		for (var i = 0; i < 10; i++) {
			if(i == 5){
				j = i;
				setTimeout(aa,2000);
				function aa(){
					console.log( "i="+j);
				}
			}
		}

这样打印出来的就是我们想要的结果了,没错就是5;

原理就是当满足if语句时,我们用一个变量把当前i的值保存下来;



版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,大概有三种登录方式:
9463 0
内核态延时和定时器
1、jiffies HZ=100,jiffies=1 means 10ms。   2,延时 unsigned long timeout = jiffies + (3*HZ); while (hwgroup->busy) { if (time_after(jiffies, timeout)) {  ...
794 0
SAP UI5应用如果遇到数据绑定问题时,应该如何自己定位问题?
SAP UI5应用如果遇到数据绑定问题时,应该如何自己定位问题?
17 0
VC运行库版本不同导致链接.LIB静态库时发生重复定义问题的一个案例分析和总结
Background MSDN中对于在不同的配置下Link的LIB作了说明: C Runtime Library: 开关 对应的库 版本 /MD MSVCRT.
966 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
13802 0
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
20130 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
18413 0
+关注
leonwuv
Code is my life!
61
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载