Javascript - 关于设置超时的问题

Question

据我了解，下面的 function 应该打印5 5 次，因为吊装。 但相反，它打印了6 五次。

问题是，当循环的限制为<=5时，它怎么会打印6 ？

function () {
  for ( var i = 1; i <= 5; i++) {
    setTimeout( function() {
      console.log(i); // 👈 this should print '5' five times 
    }, i * 1000)
  }
}

Answer 1

它打印 6 因为这是循环退出时i的值。

考虑循环运行结束时的流程，当i为 4 时：

• 我 <= 5 吗？ 是的。
• 执行身体
• 将 i 增加到 5
• 我 <= 5 吗？ 是的。
• 执行身体
• 将 i 增加到 6
• 我 <= 5 吗？ 不。
• 退出循环

Answer 2

在满足退出条件的i++发生后 for 循环停止（即6 > 5 ） - 此时， i的值已经增加到6并且大约一秒钟后i的值被打印

Answer 3

这是因为您应用的增量 sol =>

function num() {
  for ( var i = 1; i <= 4; i++) {
    setTimeout( function() {
      console.log(i); // 👈 this should print '5' five times 
    }, i * 1000)
  }
}
num()