JavaScript 是一种高级编程语言，拥有众多优秀的特性，其中异步编程是一项非常常用的特性。在异步编程方面，JavaScript 引入了 async/await 关键词，使得我们能更加轻松地处理异步任务。
什么是 async/await 关键词
async/await 是 ES7 引入的异步编程语法糖，他使得异步编程更加简洁明了。async 用于定义一个返回 Promise 的异步函数，await 用于等待一个 Promise 的解决。
async/await 的优点
- 更加优美的代码编写方式
在以前的 async 编程中，我们通过在函数中嵌套回调函数的方式实现异步的处理，这样的代码容易造成“回调地狱”的问题。而使用 async/await，我们可以更加直接的处理异步任务，代码也更加清晰简洁。
- 更直观的错误处理方式
在以前的异步编程中，我们需要使用 try...catch 来捕获错误，但是在异步嵌套回调中，错误往往是被上层回调抛出，需要不断将错误向上传递。而在 async/await 中，我们可以使用 try...catch 的方式直接捕获错误，相较于以前更加直观。
async/await 的用法示例
定义一个异步函数
async function fetchSomething(url) {
const response = await fetch(url);
const data = await response.json();
return data;
}上面的代码中，我们定义了一个异步函数 fetchSomething，该函数使用了 async/await 的方式处理了异步请求和解析 JSON 数据的问题。
在异步函数中使用 try...catch 处理错误
// javascriptcn.com 代码示例
async function fetchSomething(url) {
try {
const response = await fetch(url);
const data = await response.json();
// 假设这里有一个错误
throw new Error("Oops!");
return data;
} catch(err) {
console.error(err);
}
}上面的代码中，我们在异步函数 fetchSomething 中使用了 try...catch 捕获了错误，然后将错误信息输出。
async/await 的一些注意点
async/await 只能在异步函数中使用
await 后的 Promise 需要 resolve 才能继续执行，否则会一直等待
async 函数默认返回一个 Promise 对象
总结
async/await 是JavaScript中处理异步编程的一个优秀特性，通过使用 async 和 await，我们可以更加直观简单地处理异步任务，防止回调地狱和错误处理上的问题。如果你在进行异步编程时，想要更加方便快捷的处理异步任务，那么 async/await 将会是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6540b8917d4982a6eba4356d