为什么我们更喜欢在角度中使用 $q 而不是 $http [重复]

Question

我目前正在使用 Angular 的 $q 服务来进行这样的 API 调用：

var deferred = $q.defer();
$http.get(config.apiHost + details.url)
    .success(function (data) {
        deferred.resolve(data);
    }).error(function (msg) {
        deferred.reject(msg);
    });
return deferred.promise;

但我们也可以不使用 $q 来使用这种方法：

return $http.get(config.apiHost + details.url)
    .success(function (data) {
        return data;
    }).error(function (msg) {
        return msg;
    });

并且由于 $http 本身返回承诺，我还可以使用更简化的方法：

$http.get(config.apiHost + 'posts')
        .success(function (data) {
            console.log(data)
        }).error(function (msg) {
            console.log(msg);
        });

那么 $q 和 $http 之间的所有这些特别是有什么区别，因为它们都返回 promise 并且都是 async ？ angular 是否为 $q 提供了一些额外的功能？ 我找不到任何好的答案。

Answer 1

在 Angular 中，大多数服务只返回 Promise，但在某些情况下，您希望使用 $q 创建自己的延迟对象。

案例 1

当您使用不支持 Promise 的库或您创建了自己的函数并想要返回 Promise 时。

案例 2

当您使用任何默认返回承诺但您希望在某些条件下根据某些条件返回单独承诺的构造时。

示例：在角度 $http 中仅返回一个承诺，但现在如果您想要，如果此承诺的响应包含特定值，那么只有您想返回已解决，否则返回失败，那么您需要创建自己的deffered object，需要根据$http响应返回的值来解决或失败。

Answer 2

$q 主要仅用于与默认情况下不支持 Promise 的库兼容，并且当您不能依赖 Promise 的本机实现时（例如 - 在 IE9 等旧浏览器中）。没有理由（对你）以其他方式使用它。例如，如果您想创建一个基于承诺的$timeout。出于这些确切原因，$http 本身在后台使用 $q。

与其他（已删除）答案所建议的不同，您确实不需要使用$q 来“存储”$http 承诺的结果。我不建议存储承诺（因为这往往会导致意大利面条代码），但如果你必须绝对这样做，你可以只存储来自$http 的承诺；承诺只执行一次。

在 promise 已解决/拒绝后传递给 then 的任何函数都将在下一个 tick 时解决，而无需重新调用最初创建 promise 的原始操作 - IOW，promise 的结果被记忆在那个对象内。

还要注意承诺链，这超出了这个答案的范围，但它本质上意味着以下代码是等价的

function legacyGet() {
  const deferred = $q.defer()
  $http.get('http://www.google.com')
    .then((response) => deferred.resolve(Object.assign(response, {foo: bar}))
    .catch((error) => deferred.reject(error))
  return deferred.defer
}

function modernGet() {
  return $http.get('http://www.google.com')
    .then((response) => Object.assign(response, {foo: bar}))
}

总结一下：你的标题是错误的。我们不喜欢使用 $q，我们只谨慎地使用它。最好使用 ES6 Promise，除非你需要支持没有它的浏览器并且你不能使用 polyfill。

Answer 3

$http 使用$q，第一个例子是多余的，第二个也是。你只需要返回$http.get返回的promise：

return $http.get(config.apiHost + details.url);

上面和你的第一段代码是一样的。

另外，return msg 与deferred.reject(msg) 不同。相当于throw msg 或return $q.reject(msg)

另外需要注意的是success和error是非标准的，你要使用then和catch。