在前端开发中，经常会遇到需要进行异步调用的情况，比如请求后台数据或者执行某些耗时操作。在 AngularJS 中，我们可以使用 Promise 来解决异步调用的问题，从而使代码更加简洁、可读性更高。
Promise 的基本概念
Promise 是一种异步编程的解决方案，可以用来处理异步操作的结果。它可以将一个异步操作封装成一个对象，这个对象可以有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。当异步操作完成时，Promise 对象将会从 pending 状态变为 fulfilled 状态或者 rejected 状态，从而可以通过 then() 方法或者 catch() 方法来处理异步操作的结果。
在 AngularJS 中使用 Promise
在 AngularJS 中，我们可以使用 $q 服务来创建 Promise 对象。$q 服务提供了两个方法：defer() 和 when()。defer() 方法用来创建一个 Promise 对象，而 when() 方法则用来创建一个已经成功的 Promise 对象。
使用 defer() 方法创建 Promise 对象
下面是使用 defer() 方法创建 Promise 对象的代码示例：
-- -------------------- ---- ------- --- ----- - ----------- ---------------------------------------------- - ----------------------------- -- --------------- - -------------------- --- ------ --------------
在这个示例中，我们使用 $http.get() 方法来请求后台数据，然后使用 then() 方法来处理异步操作的结果。当请求成功时，我们调用 defer.resolve() 方法将 Promise 对象的状态设置为 fulfilled，并将数据传递给 then() 方法。当请求失败时，我们调用 defer.reject() 方法将 Promise 对象的状态设置为 rejected，并将错误信息传递给 then() 方法。
使用 when() 方法创建 Promise 对象
下面是使用 when() 方法创建 Promise 对象的代码示例：
var promise = $q.when('Hello World!');
promise.then(function(data) {
console.log(data);
});在这个示例中，我们使用 when() 方法创建了一个已经成功的 Promise 对象，它的状态为 fulfilled，并且传递了一个字符串参数。然后我们使用 then() 方法来处理异步操作的结果，当 Promise 对象的状态为 fulfilled 时，将会输出 'Hello World!'。
Promise 的链式调用
在 AngularJS 中，我们可以使用 Promise 的链式调用来处理多个异步操作。下面是一个示例代码：
-- -------------------- ---- -------
----------------------
------------------------ -
------ -----------------------------
--
------------------------ -
---------------------------
--
---------------------- -
-------------------
---在这个示例中，我们使用 $http.get() 方法来请求后台数据，并使用 then() 方法来处理异步操作的结果。在第一个 then() 方法中，我们又使用 $http.get() 方法来请求另一个数据，并返回一个新的 Promise 对象。在第二个 then() 方法中，我们输出第二个请求的数据。如果有任何一个请求失败，我们将会进入 catch() 方法中。
结论
在 AngularJS 中，使用 Promise 来处理异步操作可以使代码更加简洁，可读性更高。我们可以使用 $q 服务来创建 Promise 对象，并使用 then() 方法和 catch() 方法来处理异步操作的结果。同时，我们还可以使用 Promise 的链式调用来处理多个异步操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6765bef376af2b9a20efe26e