JavaScript 定时器的注意事项常见问题汇总（新手必看）

写代码这些年，定时器的注意事项相关的 bug 我修过不少。回过头看，大部分问题都源于几个相同的认知误区。把这些误区讲清楚，就是本文的目的。

第一步：理解定时器的注意事项的基本概念

了解定时器的注意事项的返回值约定，尤其是失败时返回什么，别让异常悄悄溜过。

掌握定时器的注意事项之后，顺便了解它的实现原理，理解层次会完全不同。

第二步：用代码实现定时器的注意事项

这里以通用倒计时函数作为演示：

function countdown(seconds, onTick, onEnd) {
  const t = setInterval(() => {
    seconds--;
    if (seconds <= 0) {
      clearInterval(t);
      onEnd && onEnd();
    } else {
      onTick && onTick(seconds);
    }
  }, 1000);
}
countdown(60, s => console.log('剩余 ' + s + ' 秒'), () => console.log('结束'));

第三步：验证与调优

1. 日志要有关键信息但别太啰嗦，既要能排查问题又不能泄露隐私。
2. 用户输入一律视为不可信，过滤和校验是必修课。
3. 遇到诡异问题试试最小化复现：把无关代码都删掉，问题往往立刻现形。
4. 重要功能上线前，先写好回滚方案，再点开始按钮。

收尾

本文示例都经过实际验证，可以放心参考。如果你在定时器的注意事项的使用中发现了新的坑，欢迎补充分享。

遇见问题加 QQ23979811 协助处理