Skip to content

下面执行后输出什么?

Posted on:2021年7月7日 at 00:14
for (var i = 1; i <= 5; i++) {
  setTimeout(function timer() {
    console.log(i);
  }, 0);
}

结论: 输出5个6。

因为setTimeout为宏任务,由于JS中单线程eventLoop机制,在主线程同步任务执行完后才去执行宏任 务,因此循环结束后setTimeout中的回调才依次执行,但输出i的时候当前作用域没有,往上一级再找,发现了i,此时循环已经结束,i变成了6。因此会全部输出6。

原文转自:https://fe.ecool.fun/topic/919bfdcc-3d20-469f-b789-f99cc15410fe