异步编程是现代 JavaScript 中的一个必备技能，它使得我们能够编写更快、更高效的程序。在早期的 JavaScript 中，异步编程通常使用回调函数来实现。然而，使用回调函数编写异步代码会让代码变得难以阅读、管理和维护。ES8 异步函数是解决这个问题的一个新的功能。
什么是异步函数
异步函数是一个新的函数类型，它可以更好地处理异步操作，使得代码变得更加清晰易懂。异步函数使用 async 关键字来声明，其中包含一个或多个异步操作，这些操作返回 Promise 对象。
我们可以将异步函数视为与常规函数类似的函数，但它们具有不同的返回值。具体来说，异步函数返回的是一个 Promise 对象。
下面是一个简单的异步函数示例：
----- -------- ------------ - ------ ------ ------- - ------------------------- -- - ------------------- ---
这个示例中，我们定义了一个名为 myFunction 的异步函数。这个函数返回一个字符串值，我们在 myFunction 中使用了 return 语句来返回这个值。在 myFunction 外部，我们使用 myFunction 并使用 then 方法来处理它返回的 Promise 对象。当 Promise 对象得到解析时，我们调用回调函数来输出该值，输出结果为 "Hello World"。
async 和 await 关键字
ES8 中的异步函数不仅可以使用 async 关键字来声明，还可以使用 await 关键字来暂停代码的执行，直到异步操作完成并返回结果。
我们可以将 await 看做一个在异步操作完成之前暂停代码执行的标记。当 await 关键字后面的异步操作完成并返回 Promise 对象时，代码继续执行。
下面是一个简单的示例，它演示了如何在异步函数中使用 await 关键字：
----- -------- ------------ -
--- ------- - --- ----------------- ------- -- -
------------- -- ----------------- -----
---
--- ------ - ----- -------- -- -- ------- --
-------------------- -- -------
-
-------------在这个示例中，我们定义了一个名为 myFunction 的异步函数。在 myFunction 中，我们定义了一个新的 Promise 对象，并传递了一个 setTimeout 函数作为 Promise 的解析函数。在 Promise 对象解析后，我们使用 await 关键字来暂停代码执行，直到异步操作完成并返回 Promise 对象。
建议在异步函数中使用 try/catch 子句来处理 Promise 返回的异常。以下是一个示例，演示了如何使用 try/catch 子句处理 Promise 异常：
----- -------- ------------ -
--- -
--- -------- - ----- -------------------------------------
--- ---- - ----- ----------------
------------------
- ----- ------- -
-----------------------------
-
-
-------------在这个示例中，我们使用异步函数和 await 关键字来获取来自无效 URL 的 JSON 数据。由于该 URL 无效，fetch 函数会触发异常。我们使用 try/catch 子句来捕获这个异常并处理它。在这种情况下，我们使用 console.error 函数来输出错误消息。
结论
在这篇文章中，我们学习了 ES8 异步函数的基础知识，并了解了如何使用 async 和 await 关键字来编写更加清晰易懂的异步代码。既然我们已经掌握了异步函数的基础知识，我们可以开始在我们的项目中使用它们，并从这些强大的功能中获益。
如果您想深入了解 ES8 中的异步函数，可以查看 MDN Web Docs 上的相关文档。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66ed4c2cdbb8a1d029dd59a1