1. Promise 是什么？
Promise 是 ES6 中新增的一个处理异步操作的对象。简单来说，Promise 是一种将异步操作的结果作为对象返回的规范化方法。
Promise 可以看作是状态机，包含三种状态：pending（等待态）、fulfilled（完成态）和rejected（失败态）。一般情况下，Promise 的状态从 pending 转变为 fulfilled 或 rejected。
2. Promise 的基本用法
Promise 的基本用法是通过实例化一个 Promise 对象，然后使用 then 方法分别处理 fulfilled 和 rejected 状态下的结果。
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
-- ---- ------------ ----
-- --- ------ --- -
---------------------
- ---- -
-------------------
-
---
------------------- -- -
-------------------- -- ---------
-------------- -- -
------------------- -- --------
---上面的代码中，我们首先实例化了一个 Promise 对象，然后在异步操作成功时调用 resolve 方法将 Promise 对象的状态设置为 fulfilled，失败时调用 reject 方法将 Promise 对象的状态设置为 rejected。
Promise.then 中传入的函数会在异步操作成功完成后执行，如果 Promise 对象状态为 fulfilled，那么传入的函数会将 Promise 对象的结果作为参数传入；如果 Promise 对象状态为 rejected，则会执行 Promise.catch 方法传入的函数。
3. Promise 的链式调用
使用 Promise 的链式方法，可以有效避免回调地狱的出现，提高代码的可读性和可维护性。
-- -------------------- ---- -------
----- --- - -- -- -
------ --- ----------------- ------- -- -
-- ---- ------------ ----
-- --- ------ --- -
---------------
- ---- -
----------------
-
---
-
----- --- - -- -- -
------ --- ----------------- ------- -- -
-- ---- ------------ ----
-- --- ------ --- -
---------------
- ---- -
----------------
-
---
-
----------------- -- -
-------------------- -- -----
------ ------
-------------- -- -
-------------------- -- -----
-------------- -- -
-------------------
---上面的代码中，我们定义了两个异步操作函数 fn1 和 fn2，然后使用 Promise 的链式调用，在 fn1 成功完成之后执行 fn2，确保了两个异步操作的顺序和逻辑。
4. Promise 的应用场景
如上所述，Promise 是一种用于处理异步操作的规范方法，其最大的特点就是避免了回调地狱的出现，提高了代码的可读性和可维护性。下面我们来看一下 Promise 在实际应用中的场景。
4.1 异步请求
异步请求是 Promise 最常用的场景之一。使用 Promise 可以轻松地处理异步请求，方便地获取异步操作的结果，例如：
-- -------------------- ---- -------
----- --------- - -- -- -
------ --- ----------------- ------- -- -
----------------------------------------------- -- -
------ ----------------
------------ -- -
--------------
-------------- -- -
--------------
---
---
-
--------------------- -- -
------------------
-------------- -- -
-------------------
---4.2 异步读取文件内容
异步读取文件内容是 Promise 另一个常见的使用场景。使用 Promise 可以轻松地读取文件内容，而不必担心回调地狱的出现。
-- -------------------- ---- -------
----- -- - --------------
----- -------- - ---------- -- -
------ --- ----------------- ------- -- -
--------------------- -------- ------- ----- -- -
-- ------- -
--------------
- ---- -
--------------
-
---
---
-
-------------------------------- -- -
------------------
-------------- -- -
-------------------
---5. 总结
ES6 中引入了 Promise，用于规范异步操作的处理方式，避免回调地狱的出现，提高代码的可读性和可维护性。使用 Promise 可以轻松地处理异步请求、异步读取文件内容等常见的应用场景。如果您想使用 Promise，首先需要掌握 Promise 的基本用法和链式调用的方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6495557f48841e989428ccc4