ECMAScript 2015（ES6）Promise：什么是它，如何使用它
Promise是ES6中新增的一种异步编程解决方案，它可以帮助我们更加优雅地处理异步操作，避免了回调地狱的问题。Promise的核心是“承诺”，即一个异步操作的结果最终会返回一个承诺，它可以是成功的承诺，也可以是失败的承诺。
Promise的状态有三种：pending（进行中）、fulfilled（已成功）和rejected（已失败）。当异步操作完成后，Promise的状态会从pending变为fulfilled或rejected。如果是fulfilled状态，表示异步操作已成功，并返回一个结果；如果是rejected状态，表示异步操作失败，并返回一个错误信息。
Promise的基本用法如下：
----- ------- - --- ----------------- ------- -- -
-- ----
-- --- ------ --- -
---------------- -- -------
- ---- -
-------------- -- -------
-
---
--------------------- -- -
-- ----
---------------- -- -
-- ----
---上面的代码中，promise是一个Promise对象，它接受一个函数作为参数，这个函数又接受两个参数：resolve和reject。resolve用于返回成功的承诺，reject用于返回失败的承诺。在异步操作完成后，如果成功则调用resolve，否则调用reject。在promise.then中，可以添加成功回调，即异步操作成功后的处理逻辑；在.catch中，可以添加失败回调，即异步操作失败后的处理逻辑。
Promise的链式调用
Promise还支持链式调用，即在一个Promise的成功回调中返回一个新的Promise对象。这样可以串联多个异步操作，使得代码更加简洁。
----- -------- - --- ----------------- ------- -- -
-- -----
-- --- ------ --- -
----------------- -- -------
- ---- -
--------------- -- -------
-
---
----- -------- - --- ----------------- ------- -- -
-- -----
-- --- ------ --- -
----------------- -- -------
- ---- -
--------------- -- -------
-
---
----------------------- -- -
------ --------- -- -------------
----------------- -- -
-- ----------
---------------- -- -
-- ------
---上面的代码中，promise1和promise2分别表示两个异步操作，它们的结果可以通过链式调用进行处理。在promise1的成功回调中，返回了一个新的Promise对象promise2，表示异步操作2需要等待异步操作1完成后才能执行。在promise2的成功回调中，处理异步操作2的结果。在.catch中，处理异常情况。
Promise.all和Promise.race
除了基本用法和链式调用外，Promise还提供了两个常用的方法：Promise.all和Promise.race。
Promise.all接受一个Promise数组作为参数，返回一个新的Promise对象。当所有Promise对象都成功时，新的Promise对象才会成功，返回所有Promise对象的结果数组；如果有一个Promise对象失败，则新的Promise对象失败，返回失败的Promise对象的错误信息。
----- -------- - --- ----------------- ------- -- -
-- -----
-- --- ------ --- -
----------------- -- -------
- ---- -
--------------- -- -------
-
---
----- -------- - --- ----------------- ------- -- -
-- -----
-- --- ------ --- -
----------------- -- -------
- ---- -
--------------- -- -------
-
---
---------------------- ------------------------- -- -
-- ----------------
---------------- -- -
-- ------
---上面的代码中，Promise.all接受一个Promise数组，其中包含两个Promise对象promise1和promise2。当promise1和promise2都成功时，Promise.all返回一个新的Promise对象，并执行成功回调，返回所有Promise对象的结果数组results；如果有一个Promise对象失败，则新的Promise对象失败，并执行失败回调，返回失败的Promise对象的错误信息。
Promise.race也接受一个Promise数组作为参数，返回一个新的Promise对象。当Promise数组中有一个Promise对象成功或失败时，新的Promise对象就会立即返回，并执行相应的回调。
----- -------- - --- ----------------- ------- -- -
-- -----
-- --- ------ --- -
----------------- -- -------
- ---- -
--------------- -- -------
-
---
----- -------- - --- ----------------- ------- -- -
-- -----
-- --- ------ --- -
----------------- -- -------
- ---- -
--------------- -- -------
-
---
----------------------- ------------------------ -- -
-- --------------------
---------------- -- -
-- ------
---上面的代码中，Promise.race接受一个Promise数组，其中包含两个Promise对象promise1和promise2。当promise1或promise2有一个成功或失败时，Promise.race返回一个新的Promise对象，并执行相应的回调。
总结
以上是ES6中Promise的基本用法、链式调用、Promise.all和Promise.race的用法。Promise可以更加优雅地处理异步操作，避免了回调地狱的问题，使得代码更加简洁、易读、易维护。学习Promise是现代前端开发必不可少的一部分，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65fba674d10417a2227397d3