"return $q.reject(response)" 是做什么的?

What does "return $q.reject(response)" do?

我对声明的内容有点困惑

return $q.reject(response);

responseError 拦截器中执行。

我经历了 this article on webdeveasy and one on angular docs 但他们没有帮助。

这是我的代码(供参考):

(function () {
    "use strict";
    angular.module('xyz').factory('errorResponseInterceptor', ['$q', 'toaster', function ($q, toaster) {
        return {
            ...
            ...
            ...
            responseError: function (response) {
                ...
                ...
                //some logic here
                ...
                ...
                if (response.status == 500) {
                        toaster.error({ title: "", body: response.statusText });
                    return $q.reject(response);//what does this statement does and why do we need to put it here?
                }
                return response;
            }
        };
    }]);
}());

我的问题是:

  1. 为什么要写return $q.reject(response)
  2. 该行如何影响 angular 应用程序(它有什么作用)?

Angular 中的 $q 对象允许我们定义承诺并处理与承诺相关的行为。我们如何做到这一点的一个例子是:

var q = $q.defer()

//do something
if(success){
  q.resolve()
} else {
  q.reject()
}

return q

我们在这里做的是定义一个 promise 对象并将其分配给变量 q。然后我们执行一些操作并使用该操作的结果来确定 promise return 是否成功。在 promise 对象上调用 .resolve() 表明 promise 已正确 returned。出于同样的原因,对 promise 调用 .reject() 表明它已经失败了。

如果我们考虑一下实际使用承诺的方式:

SomeFactory.getSomething().then(function(data){
  //gets called if promise resolves
}, function(error){
  //gets called if promise rejected
}

所以在您提供的示例中,我们正在检查响应是否有 500 错误代码,如果有,我们将拒绝承诺,从而允许我们处理错误。

responseError 拦截器中,您有两种选择 return。如果您 return $q.reject(response) 您正在继续错误处理事件链。如果您 return 任何其他内容(通常是新的承诺或响应),则表示错误已从中恢复并且应该被视为成功。

关于你的两点:

1- 您需要编写该行以指示响应仍应被视为错误。

2- 对 angular 应用程序的影响是将调用错误回调而不是成功回调。