为什么setTimeout与setInterval在浏览器和Node.js中表现存在差异

测试代码 #

let cnt=0;

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

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

表现差异 #

• 浏览器运行输出：0 1 2 3 4 5 6 7 8 9，共10次打印
• Node.js运行输出：0 1 2 3 4 5 6 7 8，共9次打印

核心原因 #

二者的差异来自于事件循环中同到期时间定时器的执行优先级规则不同：
setInterval的第10次回调的触发时间刚好是2000ms，和setTimeout的触发时间完全一致，两个回调都在2000ms时进入待执行队列：

1. 浏览器的定时器队列遵循「先注册先执行」的规则：代码中先注册setInterval，后注册setTimeout，因此2000ms时会先执行setInterval的回调打印9，再执行setTimeout的回调清空定时器，最终产生10次输出。
2. Node.js的timers阶段处理逻辑中，相同到期时间的setTimeout回调执行优先级高于setInterval回调：2000ms时会先执行setTimeout的回调清空定时器，还没来得及执行的第10次setInterval回调直接被取消，最终只产生9次输出。

验证方法：将setTimeout的延迟时间改为2001ms，Node.js环境也会输出0到9共10次结果。

内容的提问来源于stack exchange，提问作者Shubham Pal