JavaScript 是一种面向对象、动态、弱类型的编程语言，常用于前端开发。在前端开发中，异步编程是非常常见的，而 ES9 中的异步函数则是一个非常重要的特性。本文将介绍 ES9 中的异步函数，包括其定义、使用、优势以及示例代码。
什么是异步函数？
异步函数是 ES9 中的一个新特性，也称为 async/await。异步函数是一个返回 Promise 对象的函数，可以使用 await 关键字来等待 Promise 对象的解决结果。
异步函数的定义如下：
async function functionName() {
// 函数体
}异步函数的返回值是一个 Promise 对象，可以通过 then() 方法获取异步函数的返回值。如果异步函数中抛出了错误，可以使用 catch() 方法来捕获错误。
异步函数的使用
在异步函数中，我们可以使用 await 关键字来等待 Promise 对象的解决结果。例如，下面的代码演示了如何使用异步函数来等待一个 Promise 对象的解决结果：
async function fetchData() {
const response = await fetch('https://api.github.com/users/jack');
const data = await response.json();
console.log(data);
}
fetchData();在上面的代码中，我们定义了一个名为 fetchData() 的异步函数。在函数体中，我们使用 await 关键字来等待 fetch() 方法返回的 Promise 对象的解决结果。如果 Promise 对象解决成功，我们就可以使用 response.json() 方法来解析响应数据，并将解析后的数据输出到控制台中。
异步函数的优势
异步函数的优势在于可以让我们更加方便地编写异步代码。在异步函数中，我们可以使用 await 关键字来等待 Promise 对象的解决结果，而不必使用回调函数或者 Promise 链式调用的方式来处理异步代码。这样可以让我们的代码更加简洁、易于理解和维护。
此外，异步函数还可以让我们更加方便地处理错误。在异步函数中，我们可以使用 try/catch 语句来捕获错误，而不必使用 Promise 链式调用的方式来处理错误。这样可以让我们的代码更加清晰、易于调试和维护。
异步函数的示例代码
下面的代码演示了如何使用异步函数来获取 GitHub 用户的信息：
// javascriptcn.com 代码示例
async function getUserInfo(username) {
const response = await fetch(`https://api.github.com/users/${username}`);
const data = await response.json();
return data;
}
(async () => {
try {
const userInfo = await getUserInfo('jack');
console.log(userInfo);
} catch (error) {
console.error(error);
}
})();在上面的代码中，我们首先定义了一个名为 getUserInfo() 的异步函数，用于获取指定 GitHub 用户的信息。在函数体中，我们使用 await 关键字来等待 fetch() 方法返回的 Promise 对象的解决结果。如果 Promise 对象解决成功，我们就可以使用 response.json() 方法来解析响应数据，并将解析后的数据作为函数的返回值。
接下来，我们使用了一个自执行的异步函数来获取 GitHub 用户的信息。在函数体中，我们使用 try/catch 语句来捕获错误。如果异步函数中抛出了错误，我们就可以在 catch 语句中处理错误。
总结
异步函数是 ES9 中的一个新特性，也称为 async/await。异步函数是一个返回 Promise 对象的函数，可以使用 await 关键字来等待 Promise 对象的解决结果。异步函数的优势在于可以让我们更加方便地编写异步代码，并且可以让我们更加方便地处理错误。在实际开发中，我们可以使用异步函数来优化我们的代码，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6552dd68d2f5e1655dc8f2ed