在 ES9 （ECMAScript 2018）中，新增加了 Async 函数，这使得异步编程更加方便且易于处理。
Async 函数的定义
Async 函数是异步函数操作的一种新方法，它是通过 async 关键字定义的，可以在函数内部使用 await 关键字来让函数停止执行，等待异步操作执行完成后再继续执行。
async function someFunction() {
// some code
let result = await asyncOperation();
// some code
}可以看出，一个 Async 函数就是一个返回 Promise 对象的普通函数。
Async 函数的优点
更简洁的语法
在以前的异步编程中，我们通常使用回调函数或者 Promise 进行异步操作。这使得代码非常繁琐且难以读懂。而 Async 函数则简化了这些操作，让代码更易于理解和维护。
以下代码演示了 Async 函数的简洁语法：
async function fetchUser(url) {
const response = await fetch(url);
const data = await response.json();
return data;
}我们可以通过 await 关键字等待异步操作完成，然后直接返回结果。
更好的错误处理
在异步操作中，处理错误非常重要。以前我们通常使用 try-catch 或者 catch 方法来捕获错误，但是这些方法只能捕获到同步错误。而 Async 函数则可以非常方便地捕获异步错误，保证代码的稳定性。
下面的代码演示了如何使用 try-catch 捕获异步错误：
-- -------------------- ---- -------
----- -------- -------------- -
--- -
----- -------- - ----- -----------
----- ---- - ----- ----------------
------ -----
- ----- ------- -
---------------------
-
-更快的执行速度
在以前的异步操作中，我们通常使用回调函数或者 Promise 来异步执行函数。这将导致我们的代码执行速度变慢，降低了性能。而 Async 函数则可以更快地处理异步操作，提高代码的性能。
Async 函数的示例
以下是一个使用 Async 函数的示例:
const fetchData = async () => {
let response = await fetch('https://jsonplaceholder.typicode.com/todos');
let data = await response.json();
return data;
};
fetchData().then(data => console.log(data));在这个例子中，我们使用 Async 函数来获取一个 JSON 数据。在 Async 函数内部，我们使用 await 等待 fetch 返回的 Promise 对象完成，然后使用 await 等待 response.json() 的解析完成，并返回获取到的数据。
总结
Async 函数是一种方便且易于理解的异步编程方式。通过使用 Async 函数，我们可以更快地处理异步操作，保证代码的可读性和可维护性。如果你想在你的代码中使用 Async 函数，只需要学习一些基础知识，就可以轻松地编写高效的异步操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ae1c7448841e9894a16bbe