在 JavaScript 中，我们经常会遇到需要进行异步操作的场景。传统的解决方案是使用回调函数或者 promise，但是这两种方法都存在一些不便之处。ES7 中引入了 async 函数，为我们解决了异步操作的痛点，大大提升了代码的可读性和可维护性。
async 函数是什么
async 函数是一个特殊的函数，返回一个 promise 对象。它可以使用 await 来等待一个 promise 的完成，并且可以使用 try/catch 的方式处理异常。在 async 函数中，我们可以像普通的函数一样使用 return 语句返回结果，如果返回的是一个非 promise 对象，那么 async 函数会自动将其包装成一个 promise 对象返回。
async function foo() {
return "hello world";
}
foo().then(result => console.log(result)); // "hello world"await 关键字
在 async 函数中，使用 await 关键字可以等待一个 promise 对象的完成，并返回其结果。 await 可以将异步代码转换成同步代码的形式，让代码更加可读和易于理解。
async function getData() {
const result1 = await fetch('/api/data1');
const result2 = await fetch(`/api/data2/${result1.data1}`);
return result2.data2;
}
getData().then(result => console.log(result));error handling
async 函数可以通过 try/catch 来异常处理。如果异步操作发生了异常，它会被捕获并作为错误结果返回给 promise 对象。我们可以使用 promise catch 方法或 async 函数的 try/catch 来处理异常。
-- -------------------- ---- -------
----- -------- ----------- -
--- -
----- ------ - ----- -------------------
------ ------------
- ----- ------- -
--------------------- -------
----- --- ------------- -- ---------
-
-
-----------
------------------
----------------------async 函数和 Promise 的区别
async 函数和 Promise 之间并没有本质的区别，它们都是异步编程的工具。但是在实际的应用中，async 函数比 Promise 更加简洁易用，代码风格更加清晰易读。另外，async 函数也支持直接使用 return 来返回结果而不需要显式的调用 resolve 方法。
总结
通过本文的学习，相信大家对于 async 函数有了更深入的理解。async 函数的出现，使得异步编程更加容易上手，代码也更加易于理解和维护。在实际的开发中，我们可以借助 async 函数来提升代码品质和开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65b788ffadd4f0e0ff0157ab