取消JavaScript Promise

基础概念

JavaScript中的Promise是一种用于处理异步操作的对象，它代表了一个异步操作的最终完成（或失败）及其结果值。一个Promise处于以下几种状态之一：

Pending（待定）：初始状态，既不是成功，也不是失败。
Fulfilled（已实现）：意味着操作成功完成。
Rejected（已拒绝）：意味着操作失败。

取消Promise的概念

JavaScript原生Promise并不直接支持取消操作，但可以通过一些技巧实现类似的功能。

实现取消Promise的方法

一种常见的方法是使用一个可取消的Promise构造器，结合AbortController接口来实现取消逻辑。

示例代码

class CancelablePromise {
  constructor(executor) {
    let cancel;
    this.promise = new Promise((resolve, reject) => {
      cancel = () => reject(new Error('Promise canceled'));
      executor(resolve, reject, cancel);
    });
    this.cancel = cancel;
  }
}

// 使用示例
const cancelablePromise = new CancelablePromise((resolve, reject, cancel) => {
  const timeoutId = setTimeout(() => resolve('Success'), 1000);

  // 将取消逻辑绑定到外部可调用方法
  cancelablePromise.cancel = () => {
    clearTimeout(timeoutId);
    reject(new Error('Canceled'));
  };
});

cancelablePromise.promise
  .then(result => console.log(result))
  .catch(error => console.error(error));

// 取消Promise
setTimeout(() => cancelablePromise.cancel(), 500);