JavaScript 定时器的注意事项进阶技巧分享（完整版）

认识一下定时器的注意事项

如果让你列出JavaScript中最值得掌握的知识点，定时器的注意事项应该榜上有名。它的应用场景广、使用频率高，投入产出比非常划算。

定时器的注意事项的重点都在这了

1. 定时器的注意事项的版本差异要留意，老代码里的一些写法在新版本中可能已不推荐。
2. 定时器的注意事项和其他功能组合使用时要留心副作用，必要时写个小 demo 验证。
3. 不要迷信定时器的注意事项的某种「最佳实践」，结合自己的业务场景做判断。

定时器的注意事项示例演示

通用倒计时函数：

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('结束'));

新手常犯的错误

• 网络超时类问题先检查防火墙和安全组，别急着怀疑代码。
• 写完代码自己先过一遍，很多低级错误在自审时就能发现。
• 生产环境的变更要留记录，什么时候改了什么，出问题才好回溯。

一点总结

JavaScript的世界很大，定时器的注意事项只是其中一站。但这一站走稳了，后面的路会顺很多。

遇见问题加 QQ23979811 协助处理