如何获取setTimeout首次调用时的变量值且不中断其运行

核心逻辑是新增顶层存储变量和首次捕获标记，仅在第一次生成动态值时写入存储变量，全程不修改原定时器的调度逻辑，不会影响定时器的正常持续运行。

基础实现步骤 #

• 顶层声明两个变量：firstValue 用于存储首次生成的动态值，isFirstCaptured 作为是否已经完成首次捕获的标记
• 在schedule函数的动态值生成逻辑后，判断如果未完成首次捕获，就将当前动态值赋值给firstValue，同时将标记设为已捕获
• 外部函数直接读取firstValue即可拿到首次调用setTimeout时的动态变量值

代码示例 #

// 顶层存储变量与捕获标记
let firstValue = null;
let isFirstCaptured = false;

function schedule() {
  // 原有动态变量生成逻辑
  const changingvalue = Math.random(); // 替换为实际的动态值生成代码
  
  // 仅执行一次的首次捕获逻辑
  if (!isFirstCaptured) {
    firstValue = changingvalue;
    isFirstCaptured = true;
  }

  // 原定时器调度逻辑完全保留，无任何修改
  setTimeout(function () { schedule() }, 1000);
}

// 启动定时器
schedule();

// 外部任意位置可直接读取首次值
console.log(firstValue);

可选优化（避免读取到初始空值） #

如果需要确保读取到的一定是生成后的首次值，可封装为Promise异步获取：

function getFirstValue() {
  return new Promise((resolve) => {
    // 每10ms检查一次是否完成首次捕获
    const checkTimer = setInterval(() => {
      if (isFirstCaptured) {
        clearInterval(checkTimer);
        resolve(firstValue);
      }
    }, 10);
  })
}

// 调用示例
getFirstValue().then(val => {
  console.log('首次动态值为：', val);
})

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