为什么计时器 setTimeout 返回第一个值“2”答案

【问题标题】：Why the timer setTimeout returns the first value "2"为什么计时器 setTimeout 返回第一个值“2”
【发布时间】：2015-11-30 10:10:03
【问题描述】：

在代码下方。它应该写下从 0 到 19 的控制台编号。实际上确实如此。但是它在控制台中打印的第一个数字是什么？

var i = 0;

var timerId = setInterval(function () {
    console.log(i++);
}, 100);

setTimeout(function() {
    clearTimeout(timerId)
}, 2100);

【问题讨论】：

不清楚你在问什么...代码按预期工作，打印 0-19

标签： javascript settimeout

【解决方案1】：

虽然您的代码按预期工作，但在某些情况下您可能不会打印所有数字。检查计数器值然后清除当时的间隔可能会更好（javascript中的时间并不像您希望的那样精确）

您可以尝试这样做，以确保您的时间间隔只能运行一次，并且不会超过您的最大值。

function Counter(start, maxValue, ticks) {
  this.value = start || 0;
  this.max = maxValue;
  this.ticks = ticks;
  var interval;
  
  this.stop = function() {
    if (!interval) {
      return;
    }
    clearInterval(interval);
    console.log('stopped counter');
  };
  
  this.increase = function() {
    this.value++;
    console.log(this.value);
    if (this.value >= this.max) {
      this.stop();
    }
  };
  
  this.start = function() {
    if (interval) {
      return;
    }
    console.log('starting counter');
    interval = setInterval(this.increase.bind(this), this.ticks || 0);
  };
}

var counter = new Counter(0, 20, 100);
counter.start();

【讨论】：

【解决方案2】：

来自setInterval 文档

重复调用函数或执行代码 sn-p，每次调用该函数之间有固定的时间延迟。返回一个区间ID。

【讨论】：

@ste2425 setInterval 返回 id 以便打印。这就是OP问的对吗？（除了 0-20 之外的奇怪数字）
它没有被打印，因为他没有记录 intervalId，或者至少不是来自包含的代码 OP。因此，从 OP 所包含的内容来看，这无关紧要。编辑：我错误地删除了我原来的评论，以为这是一个不同的帖子。
@ste2425 我认为 OP 在开发工具中尝试过。它确实会在开发工具中打印出来
你是对的，如果那是 OP 所指的，我深表歉意。也许您应该将其添加到您的答案中，以便其他人和 OP 意识到这就是您的意思，为您的答案提供一些上下文。另外，您的描述发生了什么，因为 setTimeout 没有传递给变量，因此它为 setTimeout 而不是 setInterval 打印 intervalId。
Tuan Anh Tran 谢谢。这就是我想知道的。抱歉解释不清楚。