当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);
				}
			}
		}

你们觉得会打印出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的值保存下来;



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值