for循环console输出结果的问题

Posted 2020-10-04 清风·流云

我想定时打印出一串数字，写好了如下代码

for (var i = 0; i < 5; i++) {
  setTimeout(function () {
    console.log(i);
  }, 5);
}

打印出来的结果是5个5。为什么不是0，1，2，3，4呢？主要是因为setTineout的i是对外层i的引用，并非i的值，运行5次的结果都指向最终的i值（5）。可以通过将i值保存在局部变量来解决：

for (var i = 0; i < 5; i++) {
  (function (idx) {
    setTimeout(function () {
      console.log(idx);
    }, 5);
  })(i);
}

这样就可以打印出0，1，2，3，4。