AngularJS V1.1拦截器最后总是有$ q.when

Jea*_*eri 7 javascript return-value interceptor promise angularjs

在AngularJS关于拦截器的文档(1.1版)中,拦截器函数都返回类似这样的东西

return response || $q.when(response);
Run Code Online (Sandbox Code Playgroud)

但是,在我的应用程序中,始终定义"响应",因此永远不会执行$ q.when(响应).所以问题是在什么情况下"回应"是不确定的,将会是什么

$q.when(response) // == $q.when(null)
Run Code Online (Sandbox Code Playgroud)

做!因为响应未定义/ null?

Max*_*tin 13

  • $q.when(promise)promise
  • $q.when(nonPromise)→一个新的promise,将异步解析为给定值nonPromise.

让我们看看是什么$q.when:

$q.when = function (foreignPromise) {
    var deferred = $q.defer();
    foreignPromise.then(function (data) {
        deferred.resolve(data);
        $rootScope.$digest();
    }, function (reason) {
        deferred.reject(reason);
        $rootScope.$digest();
    });
    return deferred.promise;
}
Run Code Online (Sandbox Code Playgroud)

工厂退货$ q.when(数据)

我们可以看到$q.when收到promise或nonPromise并用它包装.

工厂示例:

fessmodule.factory('Data', ['$resource','$q',  function($resource, $q) {
    var data = [
        {
            "PreAlertInventory": "5.000000",
            "SharesInInventory": "3.000000",
            "TotalSharesSold": "2.000000",
            "TotalMoneySharesSold": "18.000000",
            "TotalSharesBought": "0.000000",
            "TotalShareCost": "0.000000",
            "EstimatedLosses": "0.000000"
        }
    ]; 

    var factory = {
        query: function (selectedSubject) {                             
            return $q.when(data);
        }    
    }
    return factory;
}]); 
Run Code Online (Sandbox Code Playgroud)

现在我们可以从控制器调用它:

Data.query()
           .then(function (result) {
               $scope.data = result;                           
           }, function (result) {
               alert("Error: No data returned");
           });
Run Code Online (Sandbox Code Playgroud)

演示 Fiddle

工厂返回$ q.when(数据)|| 数据

从这个例子我们回报承诺.所以我们稍微改变一下:

相反,return $q.when(data);我们会写:

return $q.when(data) || data;
Run Code Online (Sandbox Code Playgroud)

它也会起作用.但反之亦然.

据我所知,Angular知道控制器等待Data服务承诺,上面提到的语句将使用1st off $q.when(data).

演示2 Fiddle

工厂返回数据|| $ q.when(数据)

现在我们Data通过这种方式调用我们的服务:

$scope.data =  Data.query();
Run Code Online (Sandbox Code Playgroud)

没有承诺,电话是同步的.

出厂似乎:

fessmodule.factory('Data', ['$resource','$q',  function($resource, $q) {
    var data = [
        {
            "PreAlertInventory": "5.000000",
            "SharesInInventory": "3.000000",
            "TotalSharesSold": "2.000000",
            "TotalMoneySharesSold": "18.000000",
            "TotalSharesBought": "0.000000",
            "TotalShareCost": "0.000000",
            "EstimatedLosses": "0.000000"
        }
    ]; 

    var factory = {
        query: function (selectedSubject) {                             
            return  data || $q.when(data);
        }
    }
    return factory;
}]);
Run Code Online (Sandbox Code Playgroud)

演示3 Fiddle

我的结论

return data || $q.when(data)意味着我们的服务可以返回单一价值或承诺.但是既然我们知道我们的服务返回了什么类型的数据,那么在这个声明中没有任何意义.或者datapromise.

  • 但是什么是$ q.when(null)?因为在'返回响应||的情况下 $ q.when(response)'只有在响应为'false/undefined/null时才能执行秒部分. (2认同)