javascript - 为什么 setTimeout 和 setInterval 在浏览器和 Node.js 中的工作方式不同？

Question

let cnt=0;

let i = setInterval(() => {
  console.log(cnt++);
},200)

setTimeout(() => {
  clearInterval(i);
},2000);

在浏览器中执行时，这段代码会记录:-0 1 2 3 4 5 6 7 8 9

但是当使用 Node 执行时，它会记录:-0 1 2 3 4 5 6 7 8

这是什么原因？

Answer 1

这是因为 Chrome does self-correct the drift在 setInterval 中。 Node (和其他浏览器)没有。请注意，当前规范与 Node 一致，即使有 active discussion跟随 Chrome 的行为。

所以在 Chrome 中，就像你有一个精确的

at beginTime + 200
  do fn
at beginTime + 400
  do fn
at beginTime + 600
  do fn
...etc

在其他情况下会是

at beginTime + 200
  do fn
  at now + 200
    do fn
    ...etc.

但我们知道总会有一些延迟阻止计时器准确地按计划触发，因此在没有漂移校正的环境中，我们最终得到的现在是预期时间。

所以在 Chrome 中，setInterval 作业将排在 setTimeout 之前的队列中，而在其他环境中，它会排在队​​列之后，因为漂移，甚至如果无穷小。