<script type="text/javascript">
var fuc = [1,2,3];
for(var i in fuc){
setTimeout(function(){console.log(fuc[i])},2000);
console.log(fuc[i]);
}
</script>
如图这个代码当进入for
循环中了,因为是延迟执行,所以会被暂停,先执行console.log(func[i])
里面。我的疑问是当console.log(func[i])
执行完毕后,我打开浏览器发现是2秒钟一瞬间打印出3个3,不是应该一个一个来么。应该是2秒钟打印一个3,然后再2秒钟打印一个3.这点儿搞不明白。。。
看了一下 这代码很简单
var fuc = [1,2,3];
for(var i in fuc){
// 循环这里开始
// 这行代码异步执行 会挂起 2秒后执行 所以一开始不会执行
// 代码执行很快 倒是这里 3个异步会在下面的输出123后 执行 当时i已经是3了 *****
setTimeout(function(){console.log(fuc[i])},2000);
// 这里顺序执行 输入三次分别输出 123
console.log(fuc[i]);
}
你的i
的值是全局中的i
,所以在你定时器内函数执行的时候,这个i
的值已经变成了2,所以你每回打出来的都是fuc[2]
,想要解决的话,想要利用闭包,代码是这样的:
var fuc = [1,2,3];
for(var i in fuc){
(function (i) {
setTimeout(function(){console.log(fuc[i])},2000);
})(i);
console.log(fuc[i]);
}
至于为什么会这样,去百度闭包就好了。
一次就执行了三个定时器的原因是,你的定时器全部规定在了2000毫秒之后执行,也就是说在你循环跑完后的2秒分别执行了三个定时器,想要每次间隔2秒可以动态设置间隔秒数