如何同时获取 Promise 和原始 Task 实例-js教程-PHP中文网

如何同时获取 Promise 和原始 Task 实例

本文介绍一种在将回调式 API 转换为 Promise 时，同步保留原始返回值（如 Task 对象）的可靠模式，确保既能 await 异步结果，又能立即调用 task.abort() 等同步方法。

本文介绍一种在将回调式 api 转换为 promise 时，**同步保留原始返回值（如 task 对象）** 的可靠模式，确保既能 await 异步结果，又能立即调用 `task.abort()` 等同步方法。

在实际开发中，许多现代 JavaScript/TypeScript API（尤其是小程序、浏览器原生任务或某些 SDK）采用“回调 + 返回控制对象”的混合设计：函数本身同步返回一个可操作的 Task 实例（支持 .abort()、.onProgress() 等），同时通过 success/fail 回调通知最终结果。此时若直接用 new Promise 封装，容易因变量提升或执行时序问题丢失 Task 引用——而 Task 往往必须在 Promise settle 前就拿到，否则无法及时中断任务。

关键在于：new Promise 的执行器（executor）函数是同步运行的。这意味着我们可以在其内部先调用 doSomeWork，捕获并保存其返回的 Task，再将 success/fail 回调传入，从而实现「Promise 与 Task 同时产出」：

function doSomeWorkAsync(): [Promise<successcallbackresult>, Task] {
  let task: Task;
  const promise = new Promise<successcallbackresult>((resolve, reject) => {
    task = doSomeWork({
      success: resolve,
      fail: (err) => reject(err),
      // 注意：complete 是兜底回调，通常无需额外处理，除非需统一日志
      complete: () => {}
    });
  });
  // 此时 task 已被赋值（executor 已同步执行完毕）
  return [promise, task];
}</successcallbackresult></successcallbackresult>

✅ 使用示例：

const [workPromise, task] = doSomeWorkAsync();

// 立即中止任务（例如用户取消操作）
setTimeout(() => task.abort(), 1000);

// 同时等待结果（不会阻塞 abort）
workPromise
  .then(result => console.log('成功:', result))
  .catch(err => console.error('失败:', err));

⚠️ 注意事项：

TypeScript 可能报错 Variable 'task' is used before being assigned，此时可添加类型断言：task as Task，或使用 ! 非空断言（推荐在确认逻辑安全的前提下）；
若需支持 complete 回调的副作用（如清理资源），建议在 success/fail 中统一处理，避免重复执行；
该模式不适用于 executor 内部存在异步延迟（如 setTimeout）的封装，务必保证 doSomeWork 调用发生在 executor 同步阶段。