时间戳

首页 > 解决方案 > JavaScript - setTimeout() / clearTimeout()

javascript - JavaScript - setTimeout() / clearTimeout()

问题描述

为什么这个函数打印出来0 1 2而不是0 1 2 3？

(function fn1(){
    for (var i = 0; i < 4; i++) {
        var tc=setTimeout(function(i){
            console.log(i);
            clearTimeout(tc);
        }, 10, i);
    }
})();

标签： javascript

解决方案

var当然，会被提升，因此在for循环中tc（同步）多次重新分配并最终成为final setTimeout。因此，每次 timeout 函数运行时，它tc都会引用最后一次迭代的超时时间，并用clearTimeout. 对于解释器来说，它看起来像这样：

(function fn1() {
  var tc;
  var i;
  for (i = 0; i < 4; i++) {
    tc = setTimeout(function(i) {
      console.log(i);
      clearTimeout(tc);
    }, 10, i);
  }
})();

如果您想打印出来0 1 2 3，请let改用（let具有块范围，并且未提升）为每次迭代提供单独的绑定tc：

(function fn1() {
  for (let i = 0; i < 4; i++) {
    let tc = setTimeout(function(i) {
      console.log(i);
      clearTimeout(tc);
    }, 10, i);
  }
})();

推荐阅读