如何在JavaScript中获取setTimeout内部函数的返回值？循环定时调用函数未执行完成问题咨询

首先得拆解你这段代码里的两个核心问题，咱们一步步来解决：

为什么"All done"永远不会输出？ #

你的while循环是同步阻塞的，而setTimeout是典型的异步任务——它不会立刻执行回调函数，而是把回调放到浏览器的事件队列里，等主线程的同步任务全部跑完才会轮到它。但你的while会无限循环下去：每次把setTimeout返回的计时器ID（一个数字）赋值给theNum，这个ID永远不可能等于10，所以循环会一直霸占主线程，后面的console.log("All done")根本没机会执行，事件队列里的myFunc回调也永远得不到运行的机会。

怎么获取setTimeout内部函数的返回值？ #

setTimeout是异步执行的，你没法像同步函数那样直接通过var result = setTimeout(...)拿到返回值，必须用异步的方式处理——比如回调函数、Promise，或者async/await这类现代语法。

修正后的代码方案 #

方案1：递归setTimeout+回调（基础易懂） #

这种方式能精准控制每次500ms的延迟，同时可以处理函数的返回值：

function myFunc(num) {
  return num + 1; // 原代码的num++是后自增，返回的是num原值，这里改成num+1才是正确的递增逻辑
}

let theNum = 0;

function runLoop() {
  if (theNum === 10) {
    console.log("All done");
    return;
  }
  setTimeout(() => {
    theNum = myFunc(theNum);
    console.log("当前theNum的值：", theNum); // 在这里处理每次的返回值
    runLoop(); // 递归调用，实现循环
  }, 500);
}

runLoop();

方案2：Promise+async/await（现代异步写法） #

如果喜欢更清晰的同步风格异步流程，可以把延迟和函数执行封装成Promise：

function myFunc(num) {
  return num + 1;
}

// 封装一个带延迟的异步函数
function delayedExec(num) {
  return new Promise(resolve => {
    setTimeout(() => {
      const result = myFunc(num);
      resolve(result); // 通过Promise传递返回值
    }, 500);
  });
}

async function runLoop() {
  let theNum = 0;
  while (theNum !== 10) {
    theNum = await delayedExec(theNum); // await等待异步完成，同步风格拿到返回值
    console.log("当前theNum的值：", theNum);
  }
  console.log("All done");
}

runLoop();

这个写法里，await会暂停async函数的执行，直到Promise完成，既保证了每次500ms的延迟，又能像同步代码一样拿到返回值，循环也能正常终止，最后顺利输出"All done"。

补充小细节 #

• 原代码的myFunc(num) { return num++; }存在逻辑问题：num++是后自增，返回的是参数的原始值（因为num是基本类型，按值传递），所以改成num + 1才能正确得到递增后的结果。
• 不建议用setInterval实现这个需求：如果myFunc的执行时间超过500ms，setInterval会堆叠回调函数，导致时序混乱；而递归的setTimeout是在上一次回调执行完成后才设置下一个计时器，能保证稳定的间隔。

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