什么是 Promises
在 JavaScript 中，Promises 是一种处理异步请求的方式。通常情况下，我们在处理异步请求时可能会遇到一些问题：回调地狱、错误处理不够清晰等。而 Promises 可以修复这些问题。
Promises 是一个对象，它代表异步操作的最终完成或失败，并会返回一个结果或错误。
Promises 支持链式调用，这就增加了代码的可读性、简洁性和可维护性。Promises 提供了对异步操作的控制方式，这使得代码的维护和调试更加容易。
如何使用 Promises
使用 Promises 的过程分为三步：
- 创建一个 Promise 对象
- 处理 Promise 对象
- 使用 Promise 对象的结果
创建一个 Promise 对象
首先，我们需要创建一个 Promise 对象。Promise 构造函数需要传入一个函数作为参数，这个函数将被自动调用，并传入两个参数：resolve 和 reject。
resolve 用于把 Promise 对象从未完成变为成功，可以传递一个值作为参数。同时，resolve 还可以返回一个 Promise 对象，这意味着我们可以将多个 Promise 对象合并在一起使用。
reject 用于把 Promise 对象从未完成变为失败，同样可以传递一个值作为参数，这个值通常是一个错误对象。
下面是创建一个 Promise 对象的示例代码：
----- ------- - --- ----------------- ------- -- - -- ---- -- --------- ------- -------- -- --------- ------ ---------- ---
处理 Promise 对象
接下来，我们需要处理 Promise 对象。Promise 对象有三种状态，分别是 Pending（等待中）、Fulfilled（成功）和 Rejected（失败）。只有当 Promise 状态变为 Fulfilled 或 Rejected 时，Promise 才会执行相应的操作。
当 Promise 对象处于 Pending 状态时，我们可以调用 then 方法来处理 Promise 对象的结果。then 方法需要传入两个函数作为参数，分别是当 Promise 对象变为 Fulfilled 时的回调函数和当 Promise 对象变为 Rejected 时的回调函数。
下面是处理 Promise 对象的示例代码：
-------
-------------- -- -
-- - ------- ---- --------- ------
--
-------------- -- -
-- - ------- ---- -------- ------
---使用 Promise 对象的结果
最后，我们可以使用 Promise 对象的结果。当 Promise 对象变为 Fulfilled 时，then 方法会返回 Promise 对象的结果；当 Promise 对象变为 Rejected 时，catch 方法会返回 Promise 对象的错误。
下面是使用 Promise 对象的结果的示例代码：
-------
-------------- -- -
-- -- ------- --------
--
-------------- -- -
-- -- ------- --------
---有时候，我们需要同时处理多个异步请求，这时候就需要使用 Promise.all 方法。Promise.all 方法接收一个数组作为参数，数组中的每个元素都是一个 Promise 对象。当数组中所有的 Promise 对象都变为 Fulfilled 时，Promise.all 方法才会返回结果。如果数组中存在任意一个 Promise 对象变为 Rejected，Promise.all 方法就会返回一个错误。
下面是使用 Promise.all 处理多个异步请求的示例代码：
----- -------- - --- ----------------- -- -
------------- -- -
---------------- ----
-- ------
---
----- -------- - --- ----------------- -- -
------------- -- -
---------------- ----
-- -----
---
---------------------- ----------
--------------- -- -
--------------------- -- --------- --- -------- ---
--
-------------- -- -
---------------------
---总结
Promises 是一种处理异步请求的方式，它可以修复回调地狱和错误处理问题。使用 Promises 可以提高代码的可读性、简洁性和可维护性。
使用 Promises 的过程分为三步：创建一个 Promise 对象、处理 Promise 对象和使用 Promise 对象的结果。
使用 Promise.all 方法可以处理多个异步请求，并在所有异步请求完成时返回结果。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/651e638495b1f8cacd60aaf3