ES8是ECMAScript 2017的标准，它添加了许多新功能以简化JavaScript代码，并提高了代码的可维护性和可读性。其中有一项重大的改进是async函数和await操作符。
async 函数是什么？
async函数是ES8引入的一个新概念，它是一种特殊类型的函数，其中包含了一个或多个await操作符。
async函数是基于Promise的异步编程，其中的异步操作被封装在Promise对象中。使用async函数，我们可以像编写同步代码一样编写异步代码。
await 操作符是什么？
await操作符可以等待异步操作的结果并暂停Async函数的执行。当我们在async函数中使用await操作符时，它会暂停异步操作的执行，直到异步操作完成并返回结果。
它可以像这样使用：
async function getUser(userId) {
const user = await fetch(`https://jsonplaceholder.typicode.com/users/${userId}`)
return user.json();
}在上面的代码中，getUser函数包含await操作符，它等待fetch函数返回结果。
async 函数和 await 操作符示例
让我们看一个简单的示例，使用async函数和await操作符获取用户数据：
async function getUsers() {
const response = await fetch('https://jsonplaceholder.typicode.com/users');
const data = await response.json();
return data;
}
getUsers().then(users => console.log(users));在上面的代码中，我们使用async函数和await操作符获取用户数据，并在Promise的then方法中打印结果。
async 函数和 await 的优势
使用async函数和await操作符有许多优势：
async函数使异步编程变得更容易。我们可以使用async函数编写异步代码而不必用回调函数来处理异步操作。
await操作符可以使异步代码更加容易理解，因为它可以将异步处理程序放在同一个函数中。
async函数和await操作符可以让我们更轻松地避免回调地狱。
async函数和await操作符允许我们使用更加简洁、模块化的代码。
async 函数和 await 的注意事项
使用async函数和await操作符时需要注意以下事项：
async函数返回的是Promise对象，因此需要在函数调用中使用then方法来获取其结果。
await操作符只能与Promise对象一起使用。如果我们使用的是回调函数，则无法使用await操作符。
如果await操作符的Promise对象拒绝，则async函数将抛出异常。因此，我们需要确定正确地处理Promise拒绝的情况。
总结
ES8的async函数和await操作符使异步编程更加容易。使用它们，我们可以改善我们的代码，并使代码更具可读性。
除了async函数和await操作符之外，ES8还添加了其他一些有用的功能，例如Object.values, Object.entries和String.padStart/padEnd。这些功能共同使JavaScript编程更加容易和愉快。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65446c507d4982a6ebe4c098