Javascript ES8（又称 ECMAScript 2017）是 Javascript 语言的一个重要版本，它引入了很多有用的新特性，其中最重要的一项是异步函数（Async Functions），这使得处理异步操作变得更加简单和优雅。
什么是异步函数
在 Javascript 中，异步操作是指程序执行一段代码后，不必等待该代码执行完毕就可以继续执行下一段代码。通常情况下，异步操作需要使用回调函数或 Promise 对象来处理。而异步函数提供了一种更简单和直观的方式来处理异步操作。
可以使用 async 关键字来定义异步函数。异步函数总是返回一个 Promise 对象，异步操作的结果可以直接使用 await 关键字等待它的完成。
下面是一个简单的异步函数示例，该函数会等待指定的毫秒数后返回一个随机数字。
-- -------------------- ---- ------- -------- -------- - ------ --- --------------- -- ------------------- ----- - ----- -------- ----------- - ----- ----------- ------ -------------- - ----------------------- -- ---------------------
在这个例子中，wait 函数返回一个解决（Resolve）状态的 Promise 对象。getRandom 函数使用 await 等待 wait 函数完成后再返回一个随机数。
异步函数的好处
使用异步函数的好处是它可以让代码更清晰和易于理解。相比于使用回调函数和 Promise，异步函数不需要嵌套，且表达意图更加直观。
下面是一个使用 Promise 处理异步操作的例子：
-- -------------------- ---- -------
-------- ----------- -
------ ---------------
-------------- -- ----------------
----------- -- -
------ -------------------------- -- -
------ --------------------------
-------------- -- -----------------
----
---
-这段代码使用 Promise 处理了两个异步操作：获取所有用户列表和获取每个用户的详细信息。这里使用了 Promise.all 方法来等待所有获取用户详细信息的 Promise 对象都解决之后再将结果返回。
用异步函数重写上面的例子，代码变得更加易于理解：
async function loadUsers() {
const users = await fetch('/users').then(r => r.json());
const promises = users.map(user => fetch(`/users/${user.id}`).then(r => r.json()));
return Promise.all(promises);
}上面这段代码使用了异步函数的优点：可以让代码流程更加顺畅，减少回调嵌套，更加直观和易于理解。在获取用户列表时使用 await 等待 Promise 解决，而在获取每个用户的详细信息时使用 Promise.all 等待多个 Promise 对象同时解决。
异步函数的注意点
异步函数也有几个需要注意的地方。首先，只有在异步函数中使用 await 才能保证异步操作的执行顺序，否则异步操作可能会在该函数之后执行。其次，如果异步函数中有异常抛出并且没有捕获，则会导致 Promise 对象的 Reject 状态。
下面是一个使用异步函数的例子，其中包含异常抛出：
-- -------------------- ---- ------- -------- -------- - ------ --- --------------- -- ------------------- ----- - ----- -------- ----- - -- ---- ----- --- ---------------- -- --------- - ----- -------- ----- - ----- ----------- ----- ------ ------ ------- - ----- ------------ -- -------------------- ------------ -- ----------------------
在这个例子中，foo 函数抛出了一个异常，bar 函数使用 await 等待 foo 函数执行完成后，使用 return 返回字符串 'done'。但由于 foo 函数抛出了异常，会导致 Promise 对象的 Reject 状态。
结论
异步函数是 Javascript ES8 中最重要的新特性之一，它让处理异步操作更加直观和简单。使用异步函数，可以减少代码嵌套，使逻辑更加清晰和易于理解。同时还需要注意一些细节问题，如使用 await 来保证执行顺序，以及正确处理异常情况。
当然，异步函数只是 ES8 中的一小部分，它还包括其他的一些新特性，如 Object.values、Object.entries 等，这些特性都可以让我们更加方便地操作对象和数组。
可以从这里获取 ES8 的详细特性列表：https://tc39.github.io/ecma262/。希望本文能为你更好地理解和掌握 Javascript ES8 的新特性提供帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f786a2c5c563ced5a0e468