在过去的几年中，JavaScript 的发展非常迅速，ECMAScript 6（简称 ES6）已经被广泛使用，并且已经成为了前端开发的标准。而随着 ES6 的发展，ECMAScript 8（简称 ES8）也已经发布了，其中最重要的特性之一就是 async/await。
async/await 是什么？
async/await 是一种用于处理异步操作的语法糖，它基于 Promise 和 Generator，可以让我们更加方便地处理异步操作，而不需要使用回调函数或者 Promise 的 then/catch 方法。
async/await 给 JavaScript 带来了一种全新的编程方式，它让异步操作的代码看起来更加像同步代码，同时也让代码更加易于理解和维护。
async/await 的使用方法
async/await 的使用方法非常简单，只需要在函数前面加上 async 关键字，就可以将该函数变成一个异步函数。在异步函数中，我们可以使用 await 关键字来等待异步操作的结果，然后将结果返回。
下面是一个简单的示例代码：
// javascriptcn.com 代码示例
async function fetchData() {
const response = await fetch('https://api.github.com/users/octocat');
const data = await response.json();
return data;
}
fetchData().then(data => {
console.log(data);
}).catch(error => {
console.error(error);
});在这个示例代码中，我们定义了一个名为 fetchData 的异步函数，它使用 fetch 方法来获取 Github 用户 octocat 的信息，并将结果转换为 JSON 格式。然后我们使用 await 关键字来等待 fetch 方法和 json 方法的结果，最后将结果返回。
在调用 fetchData 函数时，我们可以使用 then 方法来处理返回的结果，也可以使用 catch 方法来处理错误。
async/await 的优点
async/await 有很多优点，下面是一些主要的优点：
更加易于理解和维护
使用 async/await 可以让异步操作的代码看起来更加像同步代码，这样可以让代码更加易于理解和维护，同时也可以减少代码中的回调函数嵌套。
更加灵活
使用 async/await 可以让我们更加灵活地处理异步操作，因为我们可以使用 try/catch 来捕获错误，而不需要使用 Promise 的 then/catch 方法。
更加高效
使用 async/await 可以让我们更加高效地处理异步操作，因为它可以让我们同时处理多个异步操作，并且可以让我们更加精确地控制异步操作的顺序和结果。
总结
async/await 是一种非常强大的异步操作的语法糖，它可以让我们更加方便地处理异步操作，同时也可以让代码更加易于理解和维护。如果你还没有尝试过 async/await，那么我建议你去学习一下，因为它会让你的 JavaScript 编程更加高效和优雅。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65700edbd2f5e1655d8ad679