AngularJS：如何包装现有同步函数为异步函数（不修改原代码）

方案一：用Promise封装（推荐，支持async/await） #

这是最规范的方式，能让你像处理真正的异步函数一样使用它，还能获取原函数的返回值：

// 把同步函数封装成返回Promise的异步函数
const doChangeStateAsync = (target, params) => {
  return new Promise((resolve) => {
    // 原同步函数是阻塞执行的，这里会等它完全跑完才会往下走
    const executionResult = StateChangeService.doChangeState(target, params);
    // 执行完成后resolve，把结果传递出去（如果不需要结果可以不传）
    resolve(executionResult);
  });
};

// 使用的时候用async/await语法，逻辑清晰
async function processStateChange() {
  try {
    // 等待同步函数执行完成
    await doChangeStateAsync('form', {id: '123123112313'});
    // 👇这里就是你要放在后面执行的代码，只会在上面的函数跑完后才执行
    console.log('状态修改完成，开始执行后续业务逻辑');
    // 比如更新页面状态、发起其他请求等
  } catch (err) {
    // 如果原同步函数可能抛出错误，这里可以捕获处理
    console.error('状态修改出错:', err);
  }
}

// 调用这个异步处理函数
processStateChange();

为什么这能生效？ #

因为原函数是同步阻塞的，在Promise内部调用它时，JavaScript会先把这个同步函数的逻辑执行完，才会调用resolve()。外面用await就会等待Promise状态变为resolved，自然就实现了“等同步函数做完再执行后续”的需求。

方案二：利用事件循环（简单场景快速实现） #

如果你的场景不需要获取原函数的返回值，只是单纯要让后续代码在同步函数执行完后再跑，也可以用setTimeout把后续逻辑放到下一个事件循环：

// 先执行同步函数（它会阻塞到执行完）
StateChangeService.doChangeState('form', {id: '123123112313'});
// 把后续代码放到宏任务队列，确保在同步任务全部完成后执行
setTimeout(() => {
  console.log('状态修改完成，执行后续逻辑');
}, 0);

不过要注意，这种方式只是“延后执行后续代码”，并不是真正把原函数变成异步，而且没法直接获取原函数的返回值，也不好处理错误，所以更适合简单的场景。

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