在 JavaScript 中，异步操作是非常常见的。例如，从服务器获取数据、处理用户输入、执行动画效果等等。在处理这些异步操作时，常常需要等待一段时间才能得到结果。如果采用传统的回调函数方式，代码会变得非常复杂难以维护。因此，Promise 出现了。
Promise 是什么？
Promise 是一个对象，它代表了一个异步操作的最终完成或失败，并且可以处理异步操作的结果。Promise 有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。
Promise 的基本用法
创建 Promise 对象需要传入一个函数，这个函数有两个参数：resolve 和 reject。resolve 表示异步操作成功，reject 表示异步操作失败。例如：
----- ------- - --- ----------------- ------- -- -
-- ----
-- -------- -
----------------
- ---- -
-------------
-
---接下来，可以通过 then 方法来获取异步操作的结果：
--------------------- -- - -- ----------- ---------------- -- - -- ----------- ---
then 方法接收两个参数：onFulfilled 和 onRejected。当异步操作成功时，会调用 onFulfilled 函数并传入异步操作的结果；当异步操作失败时，会调用 onRejected 函数并传入错误信息。catch 方法用于捕获错误信息。
Promise 的链式调用
Promise 的 then 方法可以链式调用，例如：
--------------------- -- - -- ----------- ------ ----- ---------------- -- - -- ----- ---- ------- ---------------- -- - -- ----------- ---
链式调用的每个 then 方法都会返回一个新的 Promise 对象，可以继续调用下一个 then 方法。如果其中一个 then 方法抛出了错误或返回了一个 rejected 状态的 Promise 对象，后面的 then 方法就不会被执行，直接跳转到 catch 方法。
Promise 的常见用法
Promise.all
Promise.all 方法用于将多个 Promise 对象包装成一个新的 Promise 对象，当所有的 Promise 对象都成功时，才会调用 onFulfilled 函数并传入所有的结果；当其中一个 Promise 对象失败时，就会调用 onRejected 函数并传入错误信息。例如：
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------------
-- ------
---
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------------
-- ------
---
---------------------- ------------------------- -- -
--------------------- -- ------------ -----------
---------------- -- -
-------------------
---Promise.race
Promise.race 方法用于将多个 Promise 对象包装成一个新的 Promise 对象，只要有一个 Promise 对象成功或失败，就会调用 onFulfilled 或 onRejected 函数。例如：
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------------
-- ------
---
----- -------- - --- ----------------- ------- -- -
------------- -- -
--------------------
-- ------
---
----------------------- ------------------------ -- -
-------------------- -- ----------
---------------- -- -
-------------------
---总结
Promise 是处理 JavaScript 中异步操作的一种方式，它可以使代码更加简洁、易读、易维护。掌握 Promise 的基本用法和常见用法，可以提高编程效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65d20489add4f0e0ffa8fea3