随着ES6的普及，在JavaScript语言中引入了promise来处理异步编程，大大提高了代码的可读性和可维护性。然而，promise本身也存在一些局限性，比如嵌套过深时易于形成回调地狱，而这是async函数被设计出来的原因之一。针对这些局限性，ES8中新增了async函数。
async函数
async函数是一个返回promise的函数，可以使用await关键字来等待promise的结果，因此可以解决回调地狱的问题。另外，在async函数内部，使用return语句返回值时，实际上是将该值包装在一个promise对象中返回，这使得返回值的使用变得更加方便。
async function funcName() {
const result = await Promise.resolve('hello async');
return result;
}
funcName().then(res => console.log(res)); //输出 'hello async'可以看到，async函数返回的是一个promise对象，可以像Promise一样使用then方法获取异步操作的结果。在该函数内部，我们可以使用await关键字等待promise的处理结果，并将其赋值给一个变量。如果上述示例没有使用await，函数返回的将是一个pending状态的promise对象，无法获得异步操作的结果。
async函数的实际应用
异步数据处理
在开发中，我们经常需要从服务端获取数据，并进行一些预处理操作，例如数组去重、数据映射等。使用async函数可以帮助我们更轻松地完成这些任务。
async function processData() {
const data = await fetch('https://api.example.com/data');
const uniqueData = [...new Set(data)];
const mappedData = uniqueData.map(item => item + ' mapped');
return mappedData;
}
processData().then(res => console.log(res));上面的示例代码会先通过fetch方法从服务端获取数据，之后进行数组去重和数据映射等操作，并最终返回处理后的结果。
并行处理
在实际开发中，我们有时需要并行调用多个异步函数，并在所有异步操作完成后进行一些操作。在这种情况下，使用Promise.all结合async函数可以很方便地实现这个目标。
async function parallelFunc() {
const [result1, result2] = await Promise.all([asyncFunc1(), asyncFunc2()]);
return result1 + result2;
}
parallelFunc().then(res => console.log(res));在上述代码中，我们定义了一个parallelFunc函数，该函数内部调用了两个异步函数asyncFunc1和asyncFunc2，并使用Promise.all等待两者异步操作完成。之后，将两个操作的结果相加作为函数的返回值返回。
异常处理
在async函数中，使用try-catch异常处理机制处理异步操作的错误会更加方便。
-- -------------------- ---- -------
----- -------- ------------------------ -
--- -
----- ------ - ----- --------------------------------------
------ -------
- ----- ------- -
--------------------- -------
-
-
--------------------------------- -- ------------------在上述示例代码中，我们使用try-catch语句捕获了fetch操作可能产生的异常，并在控制台中输出错误信息。值得注意的是，async函数抛出的异常会被包装在一个rejected状态的promise对象中返回。
总结
async函数是ES8中新增的一个函数，可以帮助我们更方便地进行异步编程。在实际开发中，我们可以使用async函数来处理异步数据，实现并行处理，以及更轻松地进行异常处理。因此，在使用JavaScript进行开发时，学习async函数是非常有价值的一项技能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e5a58ef6b2d6eab3115f36