javascript - 在 promise 中链接回调

Question

我有一个触发 $http 请求的工厂函数。此函数本身接受成功回调和错误回调函数(successCallback 和errorCallback)...

var makeRequest = function(options, successCallback, errorCallback) {
  $http(options)
    .then(function() {
      // do success things
      successCallback();
    }, function() {
      // do error things
      errorCallback();
    });
};

这是处理后续回调(successCallback 和 errorCallback)的推荐方式吗？

我的直觉说“不”，但我显然在这里缺少一些概念上的理解......

本来以为下面这样比较合适

var makeRequest = function(options, successCallback, errorCallback) {
  $http(options)
    .then(function() {
      // do success things
    }, function() {
      // do error things
    })
    .then(successCallback, errorCallback);
};

但这会调用 successCallback，即使在 $http 请求中出现错误也是如此。

有什么帮助...？

Answer 1

最好将makeRequest 函数抽象成没有任何回调概念的。它只是提出请求并返回 promise 。由消费者决定如何处理这个 promise ，是否订阅成功或错误回调。

var makeRequest = function (options) {
    return $http(options).then(function () {
        // do success things, construct data if needed to resolve promise with
        return data;
    }, function () {
        // do error things, construct error object if needed to reject with
        return $q.reject(data);
    });
};

makeRequest({url: '/something', method: 'GET'}).then(function() {
    // success callback
}, function() {
    // error callback
});