在TS/JS中基于async/await/Promise实现事件同步原语处理异步进程完成判断

我懂你的需求——不想靠轮询那个complete变量来判断进程是否完成，而是想用async/await的优雅方式来等待这个冗长的异步流程结束对吧？咱们可以用Promise封装这个完成事件，完美实现你要的同步原语。

核心思路 #

我们需要把processComplete的触发和一个Promise的resolve绑定起来，这样外部代码就能通过await来等待进程完成，不管processComplete是在等待前还是等待后调用，都能正确处理。

完整实现代码 #

let complete = false;
// 初始化一个Promise，提前保存resolve函数，方便在processComplete中触发
const completionResolver = new Promise<void>((resolve) => {
  globalThis.processComplete = function processComplete() {
    complete = true;
    resolve(); // 触发Promise完成状态
  };
});

// 对外暴露可await的等待函数
async function waitForProcessComplete(): Promise<void> {
  // 如果进程已经完成，直接返回，避免不必要的等待
  if (complete) return;
  await completionResolver;
}

实际使用示例 #

在需要等待异步进程完成的地方，直接用await调用这个函数就行：

async function handlePostProcess() {
  console.log("正在等待异步数据处理完成...");
  await waitForProcessComplete();
  console.log("处理完成！可以执行后续逻辑了");
  // 这里写进程完成后的操作
}

为什么这个方案可靠？ #

• Promise是JS原生的异步同步原语，一旦进入resolved状态就不会再改变，完全避免了轮询的性能损耗和状态判断的不确定性。
• 兼容所有async/await场景，代码可读性拉满，比手动轮询优雅太多。
• 不管processComplete是在waitForProcessComplete调用前还是后执行，逻辑都能正确走通：已经完成就直接返回，未完成则等待直到触发。

如果需要扩展功能（比如支持超时等待），还可以基于这个基础版本修改——比如用Promise.race结合setTimeout来实现超时逻辑，非常灵活。

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