如何让两个并行执行的函数回调仅在最后一个完成时触发一次？

这问题我太懂了！要让两个并行跑的异步操作只在最后一个完成时触发一次回调，完全不用搞嵌套那套（嵌套会把并行改成串行，纯纯浪费性能），这里有几个简洁高效的方案，既保证并行执行，又能精准控制回调只跑一次：

方案1：手动计数器（兼容性拉满） #

这种方式不用依赖任何新特性，原理简单粗暴但高效：初始化一个计数器，等于你要等待的异步操作数量，每次异步完成就把计数器减1，只有当计数器降到0时，才执行真正的回调逻辑。

// 计数器初始值 = 异步操作的数量
let pendingTasks = 2;

function gotoPage() {
  // 每次调用先把计数器减1
  if (--pendingTasks === 0) {
    // 只有最后一个操作完成时，才执行实际业务逻辑
    console.log("所有操作完成，执行回调！");
    // 这里放你原本gotoPage的代码
  }
}

// 两个异步操作并行执行
app.update(gotoPage);
geolocation.getCurrentPosition(gotoPage);

这个方案完全不影响两个操作的并行性，性能和你原来的调用方式一模一样，而且代码量极少，老环境也能完美运行。

方案2：Promise.all（现代JS首选） #

如果你的运行环境支持Promise（现在大部分浏览器和Node.js都支持），用Promise.all会更优雅，代码可读性也更强：

首先把两个异步操作包装成Promise，然后用Promise.all等待所有操作完成，之后再执行回调：

// 把app.update包装为Promise
const updateTask = new Promise(resolve => {
  app.update(resolve);
});

// 把getCurrentPosition包装为Promise（顺便处理失败情况）
const positionTask = new Promise((resolve, reject) => {
  geolocation.getCurrentPosition(resolve, reject);
});

// 等待所有并行任务完成
Promise.all([updateTask, positionTask])
  .then(() => {
    // 所有操作都完成后，只执行一次gotoPage
    gotoPage();
  })
  .catch(error => {
    // 可选：处理某个操作失败的情况，比如定位失败
    console.error("有操作出错了：", error);
  });

// 你的原gotoPage函数
function gotoPage() {
  console.log("所有操作完成，执行回调！");
}

Promise.all会并行等待所有传入的Promise完成，只要有一个Promise失败（reject），就会直接进入catch分支，你可以根据需求决定是否要处理错误。

进阶：用async/await简化代码 #

如果环境支持async/await，还能把代码写得更像同步逻辑，可读性拉满：

async function handleParallelTasks() {
  try {
    // 并行等待两个任务完成
    await Promise.all([
      new Promise(resolve => app.update(resolve)),
      new Promise((resolve, reject) => geolocation.getCurrentPosition(resolve, reject))
    ]);
    // 所有任务完成后执行回调
    gotoPage();
  } catch (error) {
    console.error("操作出错：", error);
  }
}

// 启动任务
handleParallelTasks();

function gotoPage() {
  console.log("所有操作完成，执行回调！");
}

总结 #

这两个方案都完全保留了异步操作的并行性，不会像嵌套那样串行等待，性能和你原本的调用方式一致，同时完美实现了“仅最后一个完成时执行一次回调”的需求：

• 手动计数器：兼容性最好，适合老项目或对环境有严格要求的场景；
• Promise方案：更符合现代异步编程风格，代码更优雅，可读性更强。

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