在使用 JavaScript 开发过程中，异步函数是一个非常常见的特性，这个特性允许我们通过处理异步操作来避免阻塞主进程，提高代码的执行效率。在 JavaScript 的未来标准中，ES8为我们带来了一个全新的特性——异步函数。本文将详细介绍 ES8 中异步函数的相关知识，并为大家提供一些具体的实例。
异步函数概述
异步函数也称为 async 函数，是 ES8 引入的一个全新特性。类似于 Promise，它们允许我们处理异步操作，但使用起来却更加便捷、直观。相比较于 Promise，异步函数能够更好的处理异步程序的流程控制。
在 ES8 中，我们可以通过 async function 关键字来定义异步函数：
async function asyncFn() {
// 定义异步操作，使用 await 等待异步操作结果
await fetch('http://example.com/data.json')
}异步函数会在遇到 await 关键字时，直接暂停执行，并等待异步操作返回结果。当异步操作返回结果之后，代码会从该关键字处恢复执行。如果 Promise 对象遇到了错误，那么它就会抛出一个异常，否则就会返回异步操作成功的结果。
异步函数的执行顺序
异步函数的执行顺序与 Promise 类似，但是却更加直观、更加容易理解。在异步函数中使用 await 等待异步操作结束后，代码会从该处继续执行。
async function asyncFn() {
console.log(1)
await fetch('http://example.com/data.json')
console.log(2)
}在这一段代码中，当调用 asyncFn() 方法时，会首先打印出 1，然后执行异步操作。当异步操作结束之后，再继续执行剩下的代码，也就是打印出 2。在这个过程中，我们无需编写大量的嵌套回调函数，让代码更加清晰、优雅。
异步函数的错误处理
异步函数也允许我们使用 try-catch 语法来捕获异步代码中的错误，这样我们可以更加容易地进行异常处理。
async function asyncFn() {
try {
await fetch('http://example.com/data.json')
} catch(e) {
console.log(e)
}
}在这个代码段中，当发生异常时，try-catch 将会捕获该异常，并打印出错误信息。
使用 Promise 和异步函数
异步函数可以和 Promise 配合使用，让代码更加清晰易懂。下面是一个使用 Promise 和异步函数的示例代码：
-- -------------------- ---- -------
----- -------- --------- -
--- -
----- -------- - ----- -------------------------------------
----- ---- - ----- ---------------
------ ----
- -------- -
--------------
-
-
----- -------- ------ -
--- -
----- ---- - ----- ---------
-----------------
- -------- -
--------------
-
-在这个代码段中，我们定义了一个名为 asyncFn() 的异步函数，它会返回异步操作的结果。然后，我们再定义一个名为 main() 的主函数，利用异步函数的返回结果来执行一些操作。
总结
本文介绍了 ES8 中的异步函数特性，它是一个能够让我们更加容易处理异步操作的特性。通过异步函数，我们可以更加直观地处理流程控制和错误处理，从而更加轻松地开发出高效稳定的前端应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64687305968c7c53b08a891e