javascript - 取消 promise 链？

Question

我链接了一系列的 promise :

this.getData.then(this.getMoreData).then(this.getEvenMoreData);

在某些时候，用户可能会决定取消请求并请求其他内容。

如何取消链的传播？

Answer 1

您必须检查每个链接方法内的状态(是否应取消):

var userRequestedCancel = false;

this
   .getData()
   .then(function() {
     if(userRequestedCancel) {
      return Promise.reject('user cancelled');
     }

     return getMoreData();
   })
   .then(function() {
     if(userRequestedCancel) {
      return Promise.reject('user cancelled');
     }

     return getEvenMoreData();
   })

或者也许是一种稍微更优雅的方式(编辑以将上下文和参数传递给 callback 方法)

var currentReq = false;
var userRequestedCancel = false;
var shouldContinue = function(cb,args) {
    if(userRequestedCancel) {
        return Promise.reject('user cancelled');
    }

    currentReq = cb.apply(this,args);
    return currentReq;
}

var onCancel = function() {
    userRequestedCancel = true;
    currentReq && currentReq.abort();
}

this
   .getData()
   .then(function() {
    return shouldContinue(getMoreData,arguments);
   })
   .then(function() {
     return shouldContinue(getEvenMoreData,arguments);
   })

如果您还需要取消当前请求，这有点微不足道，请将您当前的 ajax 请求设置为全局变量，无论什么事件都会设置 userRequestedCancel 标记为 true，同时取消 ajax 请求(参见上面编辑的代码)