同步函数内调用异步函数时，是否有方法可阻塞执行直至异步执行完毕？

核心结论 #

JavaScript 基于单线程事件循环的运行机制决定了：你不可能在不修改同步函数签名、不改动调用逻辑的前提下，直接在同步函数内等待异步 Promise 执行完成后再返回结果，这个需求从底层逻辑上无法直接实现。

原因很简单：同步代码执行时，Promise 的回调属于微任务，必须等当前调用栈完全清空（也就是同步函数已经执行完 return 之后）才会被调度执行，所以你永远不可能在同步函数 return 前拿到异步函数的 resolve 值。

可行变通方案 #

方案1：预取异步结果缓存（无需修改同步函数签名） #

如果完全不能改动 syncFunction 的参数、返回值定义，可以提前在调用它的上层把异步结果预取出来，存到缓存中，同步函数直接读取缓存即可：

// 新增缓存存储异步结果
private cachedAsyncVal: Value | null = null;

// 调用 syncFunction 前先执行预加载逻辑，必须等预加载完成后再调用同步函数
async function preloadAsyncVal() {
  this.cachedAsyncVal = await this.asyncFunction();
}

// 预加载完成后再调用同步函数
preloadAsyncVal().then(() => {
  const finalResults = this.syncFunction(data);
  // 后续业务逻辑使用 finalResults
})

// 原有同步函数不需要修改定义，仅调整内部取值逻辑
public syncFunction(data: Data): Value[] {
  const results: Value[] = [];
  results.push(data.value)
  // 直接读取预加载完成的缓存值
  results.push(this.cachedAsyncVal!);
  return results;
}

注意：必须保证预加载逻辑执行完成后再调用 syncFunction，否则会拿到空值。

方案2：调用侧异步处理（可修改调用逻辑、允许调整同步函数返回值类型） #

如果可以调整调用 syncFunction 的上层逻辑，可以直接把 Promise 塞到返回数组中，调用侧统一等待所有异步结果解析：

// 同步函数返回值类型调整为支持Promise
public syncFunction(data: Data): (Value | Promise<Value>)[] {
  const results: (Value | Promise<Value>)[] = [];
  results.push(data.value)
  results.push(this.asyncFunction());
  return results;
}

// 调用侧统一解析异步结果
const rawResults = this.syncFunction(data);
const finalResults = await Promise.all(rawResults);

方案3：改造异步链路为同步 #

如果 asyncFunction 依赖的 anotherAsyncFunction 逻辑可控，可以把整条异步调用链路全部改成同步实现，就能直接在同步函数内拿到返回值。

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