如何将多个独立Promise封装为可复用的doAll函数？

首先修正你原代码里的笔误：doC.then(_ => isDoneB = true) 应该是修改 isDoneC，否则会导致状态判断错乱。

下面是几种符合DRY原则的封装方式，均避免了直接修改外部变量的问题：

方式一：返回实时状态对象 #

在asyncDoer.js中实现doAll函数，内部维护任务完成状态，最终返回状态对象供外部使用：

// asyncDoer.js
import { doA, doB, doC } from './your-original-async-module'; // 替换为实际模块路径

export function doAll() {
  const taskStatus = {
    isDoneA: false,
    isDoneB: false,
    isDoneC: false
  };

  // 监听每个Promise完成，更新对应状态
  doA.then(() => taskStatus.isDoneA = true);
  doB.then(() => taskStatus.isDoneB = true);
  doC.then(() => taskStatus.isDoneC = true);

  return taskStatus;
}

使用示例：

// 业务文件中
import { doAll } from 'asyncDoer';

// ...其他代码

const taskStatus = doAll();

// 后续可直接通过taskStatus访问实时状态
if (taskStatus.isDoneA) {
  // 执行A任务完成后的逻辑
}

这种方式把状态管理逻辑封装在函数内部，外部无需手动定义变量，实现了逻辑解耦和复用。

方式二：扩展支持Promise监听 #

如果需要单独监听某个任务完成，或等待所有任务结束，可以增强doAll的功能：

// asyncDoer.js
export function doAll() {
  const taskStatus = {
    isDoneA: false,
    isDoneB: false,
    isDoneC: false
  };

  const promiseA = doA.then(() => taskStatus.isDoneA = true);
  const promiseB = doB.then(() => taskStatus.isDoneB = true);
  const promiseC = doC.then(() => taskStatus.isDoneC = true);

  return {
    // 实时状态对象
    status: taskStatus,
    // 单个任务的Promise实例
    promiseA,
    promiseB,
    promiseC,
    // 等待所有任务完成的Promise
    allDone: Promise.all([promiseA, promiseB, promiseC])
  };
}

使用示例：

import { doAll } from 'asyncDoer';

const { status, allDone, promiseA } = doAll();

// 监听所有任务完成
allDone.then(() => {
  console.log('所有异步任务已完成');
});

// 单独监听任务A完成
promiseA.then(() => {
  // 执行A任务完成后的逻辑
});

核心思路 #

传递变量引用修改的弊端是会让函数与外部状态强耦合，降低代码可读性和可维护性。通过让封装函数返回状态容器，把状态管理逻辑内聚在函数中，外部仅通过容器访问状态，既实现了代码复用，又保持了逻辑的清晰性。

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