在编写 JavaScript 代码时，经常需要使用异步函数来处理网络请求、I/O 操作等。然而，异步函数嵌套会造成回调地狱，让代码难以维护。为了解决这个问题，ES8 新增了 async/await 语法糖，使得异步函数的代码更加直观和易于维护。
async/await 简介
async/await 是一种异步编程的解决方案，它实际上是基于 Promise 的语法糖。async 关键字用于定义异步函数，而 await 关键字则用于等待异步函数返回结果。
在异步函数中，我们可以通过 await 关键字来等待其他异步函数的结果。在等待期间，异步函数会暂停执行，直到异步函数返回结果后才会继续执行下一行代码。async/await 语法糖可以极大地简化异步函数的代码。
使用 async/await 编写异步函数
下面是一个使用 async/await 编写异步函数的示例代码：
-------- --------- -
------ --- ----------------- -- ------------------- -----
-
----- -------- --------- -
------------------- --------
----- ------------
------------------ --------
-
----------在这个示例中，我们定义了一个 sleep 函数，它返回一个 Promise 对象。随后，我们定义了一个异步函数 example，它使用 await 关键字来等待 sleep 函数的返回结果。
在 example 函数中，我们在经过 2 秒后输出 'After sleep'，同时在 2 秒前输出 'Before sleep'。这是因为在遇到 await 关键字时，example 函数会暂停执行，等待 sleep 函数返回 Promise 对象并通过 Promise 解析器传递它的结果。在这个示例中，sleep 函数在 2 秒后返回的 Promise 对象被解析为 undefined，因此 example 函数才会继续执行下一行代码。
捕获异常
当异步函数中发生错误时，我们可以使用 try/catch 语句来捕获异常。下面是一个使用 try/catch 语句捕获异常的示例代码：
----- -------- --------- -
--- -
----- ------ - ----- --------------------
--------------------
- ----- ------- -
---------------------
-
-在这个示例中，我们使用 try/catch 语句来捕获 someAsyncFunction 异步函数的错误。如果 someAsyncFunction 函数返回的 Promise 对象被拒绝，则会抛出一个错误，这时 catch 语句会被执行，实现异常处理功能。
并发执行异步函数
有时，我们希望在异步函数中同时执行多个异步函数，并在它们全部完成后处理结果。这时，我们可以使用 Promise.all 方法。
下面是一个使用 Promise.all 方法并发执行异步函数的示例代码：
----- -------- --------- -
----- --------- -------- - ----- ------------------------------ -------------------
-------------------- ---------
-在这个示例中，我们可以同时执行 asyncFunction1 和 asyncFunction2 两个异步函数，通过 Promise.all 方法等待它们全部完成，并将它们的返回结果分别存储到 result1 和 result2 两个变量中。
总结
async/await 语法糖为 JavaScript 的异步编程提供了一种简单、直观、易于维护的解决方案。我们可以使用 async/await 来避免回调地狱，并实现更加优雅和可读的异步函数。
在编写异步函数时，我们需要注意以下几点：
- 异步函数必须使用 async 关键字进行定义；
- 在异步函数内部使用 await 关键字等待其他异步函数的返回结果；
- 使用 try/catch 语句来捕获异常；
- 使用 Promise.all 方法并发执行多个异步函数，并等待它们全部完成后处理结果。
如果你还没有使用 async/await 语法糖，我建议你开始学习并使用它，因为它可以让你的异步函数更加简单、直观、易于维护。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6489617748841e98947aaa82