JavaScript 中的异步编程一直是一个令人头疼的问题，不过 ES2017 (ES8) 引入了 Async 函数，使得异步代码更加易读、易写。而在 ES2018 中，Async 函数得到了进一步改进，为我们带来更好的使用体验。本文将详细介绍 ES9 中 Async 函数的改进以及使用指南。
Async 函数的基础
简单介绍一下 Async 函数：它实际上就是一种返回 Promise 的函数，使用 async 关键字声明函数时，函数内部的所有异步操作都将自动封装成 Promise 对象，方便进行异步调用。
下面是一个简单的示例：
-- -------------------- ---- ------- ----- -------- --------- - ----- -------- - ----- ---------------------------------- ----- ---- - ----- ---------------- ------ ----- - --------------------- -- - ------------------ ---------------- -- - --------------------- ---
可以看到，在 Async 函数中，我们使用了 await 关键字来等待异步操作的结果，然后将其封装成 Promise 对象返回。因此，在调用 getData() 函数时，我们可以通过 Promise 的 then 和 catch 方法来处理异步结果和错误信息。
Async 函数的改进
在 ES9 中，Async 函数得到了两个重大的改进：
Async 函数可以在对象字面量中使用
在 ES8 之前，我们要在对象字面量中定义一个使用 Async 函数的方法，需要像这样编写代码：
const myObject = {
async myMethod() {
// ...
}
};但是在 ES9 中，我们可以直接将 async 函数作为对象方法的属性。
const myObject = {
async myMethod() {
// ...
}
};Async 函数可以捕获 Promise 被拒绝的值
在 Async 函数之前，如果我们想要捕获被拒绝的 Promise 值，通常会写出下面的代码：
function myFunction() {
return fetch('https://example.com/data').then((response) => {
return response.json();
}).catch((error) => {
console.error(error);
});
}这种写法既繁琐又容易出错，而在 ES9 中，我们可以直接在 Async 函数中使用 try-catch 语句来捕获 Promise 被拒绝的值，如下所示：
-- -------------------- ---- -------
----- -------- --------- -
--- -
----- -------- - ----- ----------------------------------
----- ---- - ----- ----------------
------ -----
- ----- ------- -
---------------------
------ -----
-
-
--------------------- -- -
------------------
---Async 函数的使用指南
最后我们来总结一下 Async 函数的使用指南。
1. 尽量减少嵌套
Async 函数本身就是为了解决回调地狱的问题而诞生的，我们应该尽量减少 Async 函数嵌套的深度，以便代码的可读性和可维护性。
2. 不要滥用 try-catch
虽然在 Async 函数中使用 try-catch 确实很方便，但是千万不要因此滥用。只有在确实需要捕获 Promise 被拒绝的值时，才应该使用 try-catch 语句。
3. 处理异步操作的错误
Async 函数封装的是异步操作，因此一定要对异步操作的错误进行处理，以避免程序出现未捕获的异常错误。
4. 适当使用 async 和 await
适当使用 async 和 await 语法可以使异步代码更加直观易懂，但也不能过度依赖这种语法，应该依据实际情况来决定是否使用。
总结
ES9 中，Async 函数得到了很大的改进，使异步编程变得更加容易处理。但我们还是需要遵循一定的规范和指南，以便更好地使用 Async 函数。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64969ddc48841e98943d2130