angularjs $q & $http 关于承诺

Question

关于官方文档中的$http：

$http API 基于 $q 公开的 deferred/promise API 服务。

$http 服务是一个接受单个参数的函数——a 配置对象——用于生成 HTTP 请求和 返回一个承诺

那么下面的代码是什么意思：

var deferred = $q.defer();
var promise = deferred.promise;
var progress;
$http.get("https://api.github.com/repos/angular/angular.js/pulls")
.success(function(data){
    var result = [];
    for(var i = 0; i < data.length; i++){
        result.push(data[i].user);
        progress = (i+1)/data.length * 100;
        deferred.notify(progress);
    }
    deferred.resolve(result);
    })
.error(function(error){
    deferred.reject(error);
});
return promise;

如果 $http 返回一个 Promise，我为什么要使用 $q 返回一个 Promise？

Answer 1

$http 正在返回一个承诺，我们使用它并因此获得“成功”（也可以使用“那么”）。如果您在服务中使用此 $http 调用并从控制器调用此服务方法，那么您将希望从该方法返回一个承诺，因此您可以使用 .then 和 .catch 等

Answer 2

一个延迟的新实例是通过调用$q.defer()来构造的。 延迟对象的目的是公开关联的 Promise 实例以及 API

可用于指示成功或不成功完成，以及状态 任务。

$q 与 $rootScope.Scope Scope 模型观察机制以角度方式集成，这意味着可以更快地将分辨率或拒绝传播到您的模型中，并避免不必要的浏览器重绘，这会导致 UI 闪烁。

参考：官方文档

Answer 3

$http 服务的推荐使用方式如下：

$http({
  method: 'GET',
  url: '/someUrl'
}).then(function successCallback(response) {
    // success code here
  }, function errorCallback(response) {
    // error handling code here
  });

在这种情况下，您不必返回新的 Promise，只需将调用结果返回给 then()，就像您所期望的那样。

但是，success() 方法是一种方便的方法，它已经将响应对象的字段作为单独的参数传递：

.then(function(response) {
  // do something with response.data, response.status, etc.
})

对比

.success(function(data, status, headers, config) {
  // do something with data, status, etc.
})

但是，与then() 相比，success() 不返回承诺。我不建议使用它，我刚刚在the docs 中看到它现在已被弃用。

更新：我认为在您提供的示例中构造另一个承诺的原因不是可以使用success()，而是可以调用deferred.notify(progress)。如果不显式创建另一个 Promise，您将无法访问 deferred 对象。