引言
ES6 作为 JavaScript 的一次重大升级，引入了很多新特性，其中 async/await 语法是最引人注目的之一。它为编写异步代码带来了革命性的变化，使得异步代码变得更加直观易懂。本文将讲解 async/await 的用法以及实际场景中的应用。
async/await 语法简介
async/await 是一种异步编程模式，它通过让 async 函数“等待”（await）其他函数的返回结果来保证所有的异步操作都按照正确的顺序执行。async 函数通过返回一个 Promise 对象，而 await 则可以用来等待一个 Promise 的执行结果，直到它返回一个成功或失败的结果。
下面是 async/await 的基本语法：
async function foo() {
let result = await someAsyncFunction();
console.log(result);
}在上面的示例中，await someAsyncFunction() 的执行需要等待异步操作完成，并且返回值会被赋值给 result。如果异步操作发生错误，则会抛出一个异常。
使用 async/await 处理异步并发
在实际开发中，我们经常需要同时处理多个异步操作。async/await 允许我们使用更加简单和自然的语法，使得并发代码的编写更加容易。下面是一个示例：
// javascriptcn.com 代码示例
async function fetchAllData() {
const [data1, data2, data3] = await Promise.all([
fetch('/data1'),
fetch('/data2'),
fetch('/data3')
]);
console.log(data1, data2, data3);
}在上面的示例中，我们使用了 Promise.all() 来同时获取多个请求的数据，然后在 await 内使用了解构数组的语法将结果存储到变量中。
错误处理
当异步操作失败时，我们通常需要对其进行处理。async/await 确保任何未处理的异常会传递到 Promise 对象的 catch() 方法中。因此，我们可以使用 try/catch 来捕获异常并进行处理：
// javascriptcn.com 代码示例
async function fetchData() {
try {
const response = await fetch('/data');
const data = await response.json();
console.log(data);
} catch (error) {
console.error(error);
}
}在上面的示例中，我们使用了 try/catch 来捕获 fetch 方法或者数据解析中可能发生的异常。
实践应用
下面是一个关于 async/await 的实践应用。我们将创建一个简单的 Node.js 服务器，该服务器使用 async/await 处理 HTTP 请求：
// javascriptcn.com 代码示例
const http = require('http');
async function onRequest(request, response) {
try {
const data = await readFile('/data');
response.writeHead(200, { 'Content-Type': 'text/plain' });
response.end(data);
} catch (error) {
response.writeHead(500, { 'Content-Type': 'text/plain' });
response.end('Error fetching data');
}
}
function readFile(path) {
return new Promise((resolve, reject) => {
fs.readFile(path, (error, data) => {
if (error) {
reject(error);
} else {
resolve(data);
}
});
});
}
http.createServer(onRequest).listen(3000);在上面的示例中，我们首先定义了一个 onRequest 函数，该函数会响应 HTTP 请求并使用 async/await 处理异步操作（读取文件）。如果文件读取成功，则返回文件内容；如果文件读取失败，则抛出一个异常。
最后，在使用 http 模块创建服务器时，我们将 onRequest 函数作为回调传参给 createServer() 方法。
总结
通过本文的介绍，我们了解了 async/await 的基本语法和应用场景，并使用实际示例加深了理解。async/await 提供了一种更加直观和易于编写的异步编程方式，可以让我们编写出更加优雅和健壮的代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653f00537d4982a6eb871a3f