js中for循环里面套定时器,始终打印结束值原因

javascript中for循环里面套定时器,始终打印结束值原因

  var i = 0;
    const arr = [0, 1, 2, 3, 4];
    for (let a of arr) {
      console.log(a, "0000");
      console.log(arr[i++], "1111"); //0,1,2,3,4  i++相当于i=i，i=i+1
      setTimeout(() => {
        console.log(i, "2222"); //5个5
      }, 10);
    }
    console.log(arr[i], "3333"); //undefined

5个5问题分析

1、你用的是for循环。里面有个i++，每次循环一次i就加一次。当循环到第五次的时候也就是显示4的时候后，仍然会加一次i。所以循环结束最后i=5。
2、setTimeout的机制是异步执行。所以for循环的时候根本不会等setTimeout执行完了，再循环，而是一口气把i的数字加到5。然而循环中的setTimeout语句会被排入内存中排序，等到时间到了，再执行setTimeout。当setTimeout执行时，i的值就是5了。

转发

https://www.boxuegu.com/ask/detail/395