在 JavaScript 中，异步编程一直是一个非常重要的话题。通常情况下，我们使用回调函数来实现异步编程，但是使用回调函数可能会导致回调地狱，代码可读性差，并且容易出错。为了解决这些问题，ES2017 引入了 async 函数。
什么是 async 函数？
async 函数是一个语法糖，它使得异步操作更加简单和易于理解。简单来说，async 函数实际上是一个返回 Promise 对象的函数，而在 async 函数中使用 await 关键字可以暂停函数执行，等待 Promise 对象状态的改变后才继续执行函数。
async 函数的语法
async 函数的语法非常简单，它只需要在函数声明前加上 async 关键字即可：
async function doSomething() {
// your code
}使用 async 函数可以避免回调地狱的问题，并且代码可读性更强。
await 关键字
在 async 函数中，我们可以使用 await 关键字来等待 Promise 对象的状态改变。当我们使用 await 关键字时，函数执行会暂停，直到 Promise 对象状态改变后才会继续执行。
下面是一个使用 await 关键字的示例：
async function getData() {
const response = await fetch('https://jsonplaceholder.typicode.com/users');
const data = await response.json();
return data;
}在上面的代码中，我们首先使用 fetch 函数获取数据，然后使用 await 关键字等待数据获取完成。接着，我们解析返回的 JSON 数据，并返回最终结果。
需要注意的是，await 关键字只能在 async 函数中使用，否则会报错。
错误处理
在使用 async 函数时，我们需要对 Promise 对象的状态进行检查，并对错误进行处理。我们可以使用 try-catch 语句来处理错误。如下代码所示：
// javascriptcn.com 代码示例
async function getUser(id) {
try {
const response = await fetch(`https://jsonplaceholder.typicode.com/users/${id}`);
const data = await response.json();
return data;
} catch (error) {
console.error(error);
}
}在上面的代码中，我们使用 try-catch 来处理 Promise 对象的状态。如果 Promise 对象状态为 rejected，则会进入 catch 块，输出错误信息。
async 函数的返回值
由于 async 函数返回 Promise 对象，所以我们可以通过 Promise 的 then 方法来获取函数的返回值。如下代码所示：
async function doSomething() {
return 'Hello, world!';
}
doSomething().then(value => console.log(value)); // Hello, world!在上面的代码中，我们通过 then 方法获取了函数的返回值。
总结
async 函数是一个重要的异步编程工具，它使得异步编程更加简单和可读。使用 async 函数可以避免回调地狱的问题，并且使得代码可读性更强。当使用 async 函数时，我们需要对 Promise 对象的状态进行检查并对错误进行处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650117f895b1f8cacdee8777