javascript - 处理多次调用 AngularJS promise 中的错误

Question

我有一个带有这种异步 API 的 AngularJS 服务:

myService.asyncCall(['id0', 'id3', 'id2']).then(function (complexData) {   
  // handle complexData
}).catch(function (error) {   
  console.log(error); 
});

asyncCall 封装了 $http 的多个调用，由 $q.all 处理。每个 $http 请求都可以响应错误，我希望错误由一个 catch 处理程序处理。那么我如何才能多次调用 catch 处理程序？

Answer 1

如果我理解正确(最终)，这就是您要实现的目标:

• 输入:
  1. promise list
  2. 当所有 promise 都已解决时调用的回调
  3. 每次任何 promise 被拒绝时调用的回调

---

• 行为:
  1. 您想要并行执行(而不是顺序执行)。
  2. 您希望所有 promise 都得到解决或拒绝(即，即使一个 promise 被拒绝，其余的应照常继续)。
  3. 您希望“最终”回调仅被调用一次(接收结果数组 - 无论相应的延迟已解决还是已拒绝)。

---

$q.all 应该“增强”以满足您的需求，因为默认情况下:

1. 一旦列表中的任何 promise 被拒绝，它就会立即被拒绝。
2. 如果被拒绝，它只返回拒绝原因，不结果列表。

---

这是一个可能的实现:

function asyncCall(listOfPromises, onErrorCallback, finalCallback) {

  listOfPromises  = listOfPromises  || [];
  onErrorCallback = onErrorCallback || angular.noop;
  finalCallback   = finalCallback   || angular.noop;

  // Create a new list of promises that can "recover" from rejection
  var newListOfPromises = listOfPromises.map(function (promise) {
    return promise.catch(function (reason) {

      // First call the `onErrroCallback`
      onErrorCallback(reason);

      // Change the returned value to indicate that it was rejected
      // Based on the type of `reason` you might need to change this
      // (e.g. if `reason` is an object, add a `rejected` property)
      return 'rejected:' + reason;

    });
  });

  // Finally, we create a "collective" promise that calls `finalCallback` when resolved.
  // Thanks to our modifications, it will never get rejected !
  $q.all(newListOfPromises).then(finalCallback);
}

另请参阅此 short demo .