什么是 Promise？
在传统的 JavaScript 中，我们使用回调函数来处理异步操作。这种方式虽然能够解决问题，但是嵌套多了代码就会变得难以维护和阅读。而 Promise 是一种更为优雅的异步解决方案，它是 ES6 中新增的语法。
Promise 有三种状态：pending、fulfilled（resolved）和rejected。其中 pending 表示等待状态，fulfilled 表示成功状态，rejected 表示失败状态。Promise 可以通过 then 方法链式调用，而 then 方法会返回一个新的 Promise 实例。这使得代码的可读性大大提高。
Promise 的实践
假设我们现在要通过一个 HTTP 请求来获取一个用户的信息。由于网络原因，这个请求是异步的。我们可以使用 Promise 来处理这个请求：
-- -------------------- ---- -------
-------- ------------------- -
------ --- ----------------- ------- -- -
----- --- - --- -----------------
--------------- --------------------
---------- - -- -- -
-- ----------- --- ---- -
-- ----
--------------------------------------
- ---- -
-- ----
---------- ---------------
-
--
----------- - -- -- -
---------- ---------------
--
-----------
---
-
上述代码使用了 XMLHttpRequest 发起请求，当请求成功时，我们执行 resolve 方法，将获取的用户信息作为参数传递进去。如果请求失败，我们执行 reject 方法，将错误信息作为参数传递进去。
如果我们需要获取多个用户的信息，我们可以使用 Promise.all 来处理：
-- -------------------- ---- -------
----- ------- - --- -- ---
----- -------- - -------------------------
---------------------
----------------- -- -
-----------------------
--
-------------- -- -
-------------------
---上述代码中，userIds 数组存储了我们要获取信息的用户 ID。我们使用 Array.prototype.map 方法将 getUserInfo 方法应用在 userIds 数组上，得到一个由 Promise 对象组成的数组。Promise.all 方法将这个数组作为参数传入，当所有的 Promise 对象都成功时，then 方法会将所以用户信息打印到控制台。
Promise 的优化
在实践中，我们有几种方式可以优化 Promise：
Promise 链式调用
在 Promise 中，then 方法返回一个 Promise 新实例，这使我们可以链式调用 then 方法，将多个操作串联起来。这样不仅使代码更加简洁，也易于维护。
-- -------------------- ---- -------
--------------
---------------- -- -
----------------------
------ ---------------------------
--
------------------ -- -
------------------------
------ --------------------------------
--
------------------ -- -
------------------------
--
-------------- -- -
-------------------
---上述代码中，我们使用了链式调用，将多个操作串联在一起。当第一个 then 方法执行成功后，它会返回一个 Promise 实例，使得我们可以继续调用下一个 then 方法。如果中途出现了错误，catch 方法就会执行。
Promise.allSettled 方法
在多个 Promise 执行的过程中，我们可能只关心最终的结果，而不在乎每个 Promise 是否成功。Promise.allSettled 方法可用来获取所有 Promise 的完成情况，无论是成功还是失败。
-- -------------------- ---- -------
----- -------- - -
---------------
---------------
--------------
--
----------------------------
-------------- -- -
--------------------
--
-------------- -- -
-------------------
---上述代码中，我们使用 Promise.allSettled 方法获取了所有 Promise 的完成状态。当所有 Promise 都完成后，then 方法会将完成情况数组打印到控制台上。
Promise.race 方法
在多个 Promise 执行的过程中，我们可能只关心最先完成的 Promise。Promise.race 方法可以用来获取最先完成的 Promise。
-- -------------------- ---- -------
----- -------- - -
--- --------------- -- ------------- -- ----------- -------
--- --------------- -- ------------- -- ----------- ------
--- --------------- -- ------------- -- ----------- ------
--
----------------------
-------------- -- -
-------------------- -- -- -
--
-------------- -- -
-------------------
---上述代码中，我们使用了 Promise.race 方法来获取最先完成的 Promise。当最先完成的 Promise 执行成功后，then 方法会将结果打印到控制台上。
总结
在 ES6 中，Promise 成为了异步解决方案的一种首选，它通过改善回调地狱问题，提高了代码的可读性和可维护性。我们可以使用 Promise 来处理异步操作，并通过链式调用、Promise.all、Promise.allSettled 和 Promise.race 方法来优化代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6452394c675af4061b5d908d