随着前端应用越来越复杂，异步编程成为了必不可少的一部分，Promise 和 async/await 成为了现代 JavaScript 中异步编程的两种主要方式。在使用 async/await 时，我们通常需要结合 Promise 来使用，以便更好地控制异步流程。本文将介绍如何在 async/await 中使用 Promise，并提供示例代码。
什么是 async/await？
async 是 ES2017 新增的关键字，用于定义异步函数，这个函数返回一个 Promise 对象。await 关键字只能在 async 函数中使用，它可以等待一个 Promise 对象的解决，并返回一个解决值。
使用 async/await 可以让异步代码看起来像同步代码，让代码更加易读和易懂，同时也避免了回调地狱的出现。
async/await 中如何使用 Promise？
在使用 async/await 时，我们一般需要结合 Promise 来使用。我们可以在 async 函数中使用 await 关键字来等待一个 Promise 对象的解决，并返回一个解决值。如果 Promise 对象的状态为失败，那么 await 将会抛出异常，可以使用 try/catch 来捕获异常。
以下是示例代码：
-- -------------------- ---- -------
----- -------- --------- -
----- -------- - ------------------
----- -------- - ------------------
----- -------- - --------------------- ---------
----- ------- - ----- --------
----- ------- - ----- --------
--- -
----- ------- - ----- --------
- ----- --- -
-------------- -- -- ------ --------
-
------ ------- - -------
-
--------------------- -- -
------------------- -- -- -
--在这个示例中，我们定义了一个 async 函数 getData，这个函数会依次等待三个 Promise 对象的解决。其中第三个 Promise 对象是一个失败状态的 Promise 对象，在使用 await 时会抛出错误。我们使用 try/catch 来捕获这个异常，以避免程序崩溃。
最后，我们返回 result1 和 result2 的和，这个值将会作为 Promise 对象的解决值，通过 then 方法来获取这个值。
总结
使用 async/await 结合 Promise 可以让我们避免回调地狱的出现，使得异步代码更加易读和易懂。在使用 async/await 时，需要结合 Promise 来使用，可以使用 await 关键字来等待一个 Promise 的解决。同时也需要注意异常的捕获，以便程序不会崩溃。
希望这篇文章能够对你在使用 async/await 时带来帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a69acc48841e989434051d