在 JavaScript 中，Promise 是一种处理异步操作的方式，它可以使代码更加简洁和易于维护。然而，当我们需要进行多个异步操作时，使用 Promise 的回调函数会变得非常复杂和难以阅读。ES7 引入了 async 和 await，使得异步操作的处理更加简单和直观。
async 和 await 的基本用法
async 和 await 是一种基于 Promise 的语法糖，它们可以让我们以同步的方式编写异步代码。async 函数返回一个 Promise 对象，而 await 表达式可以暂停 async 函数的执行，等待 Promise 对象的解析。
下面是一个使用 async 和 await 处理异步操作的示例：
-- -------------------- ---- ------- ----- -------- --------- - ----- ------- - ----- --------------------------------------- ----- ----- - ----- --------------- ----- ------- - ----- --------------------------------------- ----- ----- - ----- --------------- ------ - ------ ----- -- - ----------------------- -- - -------------------- ---------------- -- - --------------------- ---
在上面的代码中，getData 函数使用 async 关键字声明，它返回一个 Promise 对象。在函数体内部，使用 await 关键字暂停函数的执行，等待 Promise 对象的解析。在这个例子中，我们使用 fetch 函数获取远程数据，并使用 await 表达式等待数据的返回。
错误处理
在异步代码中，错误处理是非常重要的。使用 async 和 await 可以使错误处理变得更加简单和直观。如果 Promise 对象被拒绝，async 函数会抛出一个异常，我们可以使用 try/catch 语句来捕获这个异常。
下面是一个使用 async 和 await 处理错误的示例：
-- -------------------- ---- -------
----- -------- --------- -
--- -
----- ------ - ----- --------------------------------------
----- ---- - ----- --------------
------ -----
- ----- ------- -
---------------------
----- ------
-
-
----------------------- -- -
--------------------
---------------- -- -
---------------------
---在上面的代码中，getData 函数使用 try/catch 语句捕获可能出现的异常。如果 Promise 对象被拒绝，函数会抛出一个异常并将其传递给 catch 语句。我们可以在 catch 语句中处理这个异常，并抛出一个新的异常，以便将错误传递给调用者。
并行处理
使用 async 和 await，我们可以轻松地处理多个异步操作，而不必担心回调函数的嵌套和复杂性。如果多个异步操作可以并行执行，我们可以使用 Promise.all 函数来等待它们全部完成。
下面是一个使用 async 和 await 并行处理多个异步操作的示例：
-- -------------------- ---- -------
----- -------- --------- -
----- ------- ------ - ----- -------------
---------------------------------------------------- -- ---------------
---------------------------------------------------- -- --------------
---
------ - ------ ----- --
-
----------------------- -- -
--------------------
---------------- -- -
---------------------
---在上面的代码中，我们使用 Promise.all 函数并行执行两个异步操作，等待它们全部完成。使用解构赋值语法，我们可以将两个异步操作的结果分别赋值给 data1 和 data2。
总结
ES7 的 async 和 await 语法使得异步操作的处理更加简单和直观。使用 async 函数和 await 表达式，我们可以以同步的方式编写异步代码，并处理错误和并行操作。在实际开发中，我们应该尽可能地使用 async 和 await 语法，以提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65eeca822b3ccec22f7c1c84