随着前端技术的不断发展和更新，异步操作也越来越被广泛使用和重视。在 ES8 中，新引入了两个非常实用的关键字 async 和 await，让异步操作变得更加简单和明了。本文将对其进行详细介绍和解析，帮助大家更好地理解和应用它们。
async 和 await 的基础概念
async 和 await 的出现，是为了解决 JavaScript 异步编程中回调地狱难题的一种新型异步操作方式。
- async：异步操作关键字，用于指定一个异步函数
- await：等待关键字，用于等待一个异步操作完成，可以得到该异步操作的结果
使用 async 和 await 可以让我们以同步的方式去编写异步操作，从而避免回调地狱的问题。async 函数会返回一个 Promise 对象，Promise 对象的状态由异步操作的结果决定。await 相当于暂停异步函数的执行，等待异步操作完成并返回结果。
async 和 await 的使用方法
async 函数的使用方式：
async function asyncFunc() {
// 异步操作
var result = await asyncOperation();
return result;
}通过在一个函数前面加上 async 关键字，这个函数就会变成一个异步函数，而异步操作则通过 await 完成。
await 函数的使用方式：
async function asyncFunc() {
// 异步操作
var result = await asyncOperation();
return result;
}我们在使用 await 的时候，需要保证它在一个异步函数中使用，它后面的表达式必须返回一个 Promise 对象或者是返回一个普通值，如果是普通值，就会直接被包装成一个 Promise 对象。
具体的 async 和 await 的示例代码如下：
-- -------------------- ---- ------- -------- --------- - ------ --- --------------- -- ------------------- ----- - ----- -------- ------ - --------------------- ----- ------------ ------------------- - -------
这个代码先打印 "start"，等待 1 秒钟后再打印 "end"。
async 和 await 的异常处理
使用 async 和 await 我们同样也需要进行异常处理，可以使用 try-catch 语句，如下所示：
async function asyncFunc() {
try {
var result = await asyncOperation();
} catch(error) {
console.log(error);
}
return result;
}异步操作中抛出的错误可以使用 catch 来捕获，从而进行错误处理。
async 和 await 的优缺点
相比于回调函数和 Promise，async 和 await 优缺点如下：
优点：
- 简单易读，代码清晰
- 可以方便的进行异步任务的并行处理
- 异常处理更加方便
缺点：
- 语法比 Promise 略显繁琐一些
- 不支持多次调用同一个异步方法同时获取不同的结果
总结
async 和 await 为我们带来了一种更加便捷的异步操作方式，让我们可以以同步代码的方式去编写异步操作，解决了回调地狱问题，编写的异步代码更加清晰可读。
需要注意的是，使用 async 和 await 也需要进行异常处理，同时它们也存在一些缺点。在实际开发中需要结合具体情况灵活应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64685849968c7c53b0892add