JS循环中setTimeout单次执行后等待重复的优化及封装方案咨询

现有实现存在以下可优化点：

• 原有代码中的timerOut变量定义在tick函数内部，每次函数调用都会重新初始化为false，防抖逻辑完全不生效
• 每秒执行一次的setInterval轮询属于冗余逻辑，会造成不必要的性能开销
• 变量作用域混乱，x的状态切换和执行逻辑耦合度高

// 封装可复用的条件循环执行函数
function createConditionalRunner(execFn, intervalTime) {
  let isWaiting = false
  return function run() {
    // x为全局可被外部修改的控制变量
    if (x && !isWaiting) {
      isWaiting = true
      execFn()
      setTimeout(() => {
        isWaiting = false
        // 等待结束后如果x还是true，自动触发下一次执行
        if (x) run()
      }, intervalTime)
    }
  }
}

// -------------- 使用示例 --------------
var x = true
// 定义你要执行的操作
const myTask = () => {
  console.log('执行对应操作')
}
// 初始化执行器，设置等待时长为6000ms
const runner = createConditionalRunner(myTask, 6000)
// 启动执行
runner()

// 外部可随时修改x的值控制启停，示例：
// setTimeout(() => {x = false}, 10000) // 10秒后停止执行
// setTimeout(() => {x = true; runner()}, 20000) // 20秒后重新启动

• 不需要额外的setInterval轮询，只有状态符合条件时才会触发执行，性能更好
• 逻辑完全封装，变量都在函数闭包内，不会污染全局作用域
• 支持任意外部修改x的状态，符合你的需求
• 可复用性高，不同的任务、不同的间隔时间都可以单独初始化执行器

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