什么是 Promise？
Promise 是一种异步编程的解决方案，它是 ES6 的标准之一。它用于处理那些需要花费一定时间执行的任务，比如从服务器获取数据等。
在传统的异步编程中，我们通常使用回调函数来处理异步操作的结果。但是，回调函数嵌套层次太多时，代码会变得难以维护。而 Promise 可以让代码更加简洁，可读性更高。
Promise 的基本用法
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
-- ----
-- -------- -
--------------
- ---- -
-------------
-
---
--------------------- -- -
-- ----
---------------- -- -
-- ----
---使用 Promise 时，我们需要实例化一个 Promise 对象，并传入一个回调函数。回调函数有两个参数，一个是 resolve，表示异步操作成功，另一个是 reject，表示异步操作失败。在异步操作完成时，我们需要调用 resolve 或 reject，表示异步操作的结果。
在处理 Promise 返回结果时，我们使用 then 方法添加回调函数来处理异步操作成功后的结果，使用 catch 方法添加回调函数来处理异步操作失败后的结果。如果没有 catch 方法来捕获异步操作的异常，错误信息将会抛出到 console 中。
Promise 的链式调用
Promise 还支持链式调用，它可以让代码更加简洁。
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
-- ----
-- -------- -
------------------
- ---- -
-----------------
-
---
--------------------- -- -
-- ----
------ ---------
---------------- -- -
-- ----
------ ---------
---------------- -- -
-- ----
----- --- ----------------
---------------- -- -
-- ----
-------------------
---在这个示例中，我们在 then 方法中返回的是一个新的 Promise 对象。这样，我们就可以在下一个 then 中继续处理异步操作的结果。如果在链式调用中的任一步骤出现异常，整个链式调用就会被 catch 方法捕获。
Promise 结合 async/await 使用
我们还可以使用 async/await 与 Promise 结合来编写异步代码。使用 async/await，我们可以让代码并不像异步编程那样嵌套。
-- -------------------- ---- -------
----- -------- --------- -
--- -
----- ------- - ----- -------------------
----- ------- - ----- ---------------
---------------------
- ----- ------- -
-------------------
-
-使用 async/await，我们在异步函数前加上 async 关键字，然后使用 await 来等待异步操作的结果。使用 try/catch 来捕获异步操作中的异常。
Promise 的一些注意事项
- Promise 是一个异步操作，所以在使用 Promise 时，我们需要谨慎处理异步操作的结果。
- Promise 的 then 方法会返回一个新的 Promise 对象，所以我们可以使用链式调用。
- 如果异常没有被 catch 方法捕获，它将会抛出到 console 中。
- Promise 对象状态一旦改变，就不会再改变。
结论
Promise 是一种非常优雅的异步编程解决方案，它可以让代码更加简洁，可读性更高。在前端开发中，我们经常会遇到需要处理异步操作的情况，因此掌握 Promise 的使用是非常重要的。在使用 Promise 时，我们需要注意一些细节，比如异常处理和状态改变等。
参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674ed6e4e884a3e30f2a5e1c