在前端开发中，我们经常需要处理异步请求。而在 Express.js 中，async 和 await 是处理异步请求的最佳实践之一。async 和 await 技术虽然并不是新概念，但是在 Express.js 中的应用还是值得深入研究和探讨的。
什么是 async 和 await？
在ES6中，async 和 await 是两个非常实用的关键词。async function 可以将任何函数转变成异步函数，而函数体内使用 await 表示等待异步操作执行完成。async 和await 的出现可以让异步代码更清晰易懂，也更具有可读性。
async 和 await 的工作原理是相对简单的：对 async 修饰的函数内部的异步完成的操作，都需要用 await 等待其完成，待其完成后再执行下一步操作。
在 Express.js 中使用 async 和 await
在 Express.js 中，异步操作可能包括数据库查询、文件上传、第三方 API 请求等。这些操作都需要在 JavaScript 中异步处理，让 Express.js 在等待这些操作的同时能够执行其他任务，提高整个应用程序的性能和响应速度。
以数据库查询为例，传统的回调函数形式的代码是这样的：
router.get('/users', function(req, res) {
User.find({}, function(err, users) {
if (err) {
res.status(500).send({ error: 'Could not fetch users' });
} else {
res.send(users);
}
})
})上面的代码有点混乱，很多嵌套，而且代码不够清晰易懂。我们可以使用 async 和 await 重构该代码：
router.get('/users', async function(req, res) {
try {
const users = await User.find({});
res.send(users);
} catch (err) {
res.status(500).send({ error: 'Could not fetch users' });
}
})上面的代码更加高效、简洁、易懂，使用 try-catch 块处理了可能的错误，并使用 await 关键词，直到完成异步操作后再继续执行下一步操作。
使用 Promise.all 处理多个异步操作
当需要处理多个异步操作时，Promise.all 是非常有用的工具。Promise.all 接受一个数组参数，并在所有异步操作完成后返回数据，如下所示：
router.get('/users', async function(req, res) {
try {
const [users, posts, comments] = await Promise.all([
User.find({}),
Post.find({}),
Comment.find({})
]);
res.send({ users, posts, comments });
} catch (err) {
res.status(500).send({ error: 'Could not fetch data' });
}
})在上面的代码中，Promise.all 包含了 User、Post 和 Comment 的三个异步操作，它们会并行执行。所有异步操作完成后，Promise.all 会返回三个数组，分别对应 User、Post 和 Comment 返回的数据。使用数组解构赋值，我们可以将三个数组赋值给三个变量，分别为 users、posts 和 comments。
总结
在 Express.js 中，异步请求处理是非常重要的。async 和 await 是最新的 ECMAScript 语法之一，它们可以大大简化异步代码的开发，同时提供了更好的可读性。在使用 async 和 await 的同时，我们还可以使用 Promise.all 处理多个异步操作，提高整个应用程序的速度和性能。通过这篇文章的学习，相信大家已经掌握了在 Express.js 中使用 async 和 await 处理异步请求的要点和技巧，希望能够为大家的前端开发工作带来一些帮助！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65b1b487add4f0e0ffae8a5c