javascript - 关于JS的定时器？

Question

 <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.这点儿搞不明白。。。

Answer 1

你的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秒可以动态设置间隔秒数

Answer 2

看了一下 这代码很简单

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