开发者社区> 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云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
14250 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
28851 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,大概有三种登录方式:
13457 0
SAP UI5应用如果遇到数据绑定问题时,应该如何自己定位问题?
SAP UI5应用如果遇到数据绑定问题时,应该如何自己定位问题?
21 0
VC运行库版本不同导致链接.LIB静态库时发生重复定义问题的一个案例分析和总结
Background MSDN中对于在不同的配置下Link的LIB作了说明: C Runtime Library: 开关 对应的库 版本 /MD MSVCRT.
1000 0
SpringBoot多线程环境下,解决多个定时器冲突问题
实际开发项目中一定不止一个定时器,很多场景都需要用到,而多个定时器带来的问题 : 就是如何避免多个定时器的互相冲突
88 0
编译存储过程 等待锁定对象 时超时问题解决
编译的存储过程的时候,程序死住,等待一会出现ora-04021错误解决办法:1.可能被锁住 查看v$lockedselect b.sid,b.serial#,b.machine,b.terminal,b.
773 0
+关注
leonwuv
Code is my life!
61
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载