Promise 的取消

最新推荐文章于 2024-12-02 13:59:15 发布

原创最新推荐文章于 2024-12-02 13:59:15 发布 · 3.2k 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种实现可取消Promise的方法，通过自定义CancelPromise类，允许在任意时刻取消后续的Promise链并处理取消前的绑定任务。

有时候需要取消Promise

const CancelEerr = "CANCEL"

class CancelPromise {
  constructor(fun,/* 后续的任务都取消 */isDeep = false) {
    this.prom = new Promise(fun)

    this._cancel = false;
    this._beforeCacnel = [];
    const cacnelJudge = (rs) => {
      if (this._cancel) {
        return Promise.reject(CancelEerr);
      }
      return Promise.resolve(rs);
    }

    this.prom = this.prom.then(cacnelJudge);

    ['then', 'catch', 'final'].forEach(method => {
      this[method] = fun => {
        if (isDeep) {
          this.prom = this.prom.then(cacnelJudge);
        }
        this.prom = this.prom[method](fun)
        return this;
      }
    });
  }

  cancel() {
    this._beforeCacnel.forEach(item => item());
    this._cancel = true;

    return this;
  }


  // 可能需要在取消前绑定一些事情
  beforeCancel(fun) {
    this._beforeCacnel.push(fun);

    return this;
  }
}

export default CancelPromise

export {
  CancelEerr
}