JavaScript中如何统计指定setInterval执行次数 多次调用主函数会增加打印吗

一、main函数多次调用的影响 #

会导致打印语句的输出次数增加。
每次调用main()都会创建一个完全独立的setInterval定时器实例，所有实例都会按照1000毫秒的间隔各自触发回调。如果调用n次main()，每秒就会对应产生n次Hello、World的打印，总输出次数和main的调用次数成正相关。

二、获取setInterval运行次数的实现方法 #

场景1：单个定时器独立统计次数（不同main调用的计数互不干扰） #

通过闭包存储每个定时器专属的计数器，还可以将计数挂载到定时器ID上方便外部读取，示例代码如下：

function main() {
  // 闭包存储当前定时器的执行次数，不会和其他定时器冲突
  let intervalCount = 0;
  const timerId = setInterval(async () => {
    intervalCount++;
    console.log(`Hello，当前是第${intervalCount}次执行`);
    await someApiCall();
    console.log("World");
    await anotherApiCall();
    // 把计数挂载到定时器ID上，外部可以直接读取
    timerId.execCount = intervalCount;
  }, 1000);
  // 返回定时器ID，外部可随时读取execCount属性获取当前执行次数
  return timerId;
}

// 使用示例
const timer1 = main();
// 任意时刻读取次数：console.log(timer1.execCount)

场景2：全局统计所有定时器的总执行次数 #

在外层作用域声明全局计数变量，所有定时器的执行都累计到该变量上：

// 全局总次计数器
let totalExecCount = 0;

function main() {
  setInterval(async () => {
    totalExecCount++;
    console.log("Hello");
    await someApiCall();
    console.log("World");
    await anotherApiCall();
  }, 1000);
}

// 任意时刻读取总次数：console.log(totalExecCount)

注意事项 #

你当前使用的异步回调存在执行超时风险：如果someApiCall和anotherApiCall的总耗时超过1000毫秒，setInterval会跳过本次调度，直到上一次回调执行完成才会触发下一次，此时实际计数会小于按时间推算的理论值。如果需要严格保证两次执行的间隔为1秒，建议将setInterval替换为递归setTimeout实现。

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