本文旨在解决在 Promise.all() 方法中，当需要返回包含嵌套对象（例如，从数据库查询获取的对象）的对象时，可能遇到的问题。通过结合 async/await 语法，可以确保 Promise 正确解析，从而避免返回空对象或未解析的 Promise 对象，最终实现返回包含完整嵌套数据的目标。
在使用 Promise.all() 处理异步操作时，一个常见的需求是获取多个异步操作的结果，并将它们组合成一个更复杂的数据结构。例如，从数据库中获取用户信息，然后根据用户的历史记录，获取每个历史记录中涉及的用户信息，并将这些信息组合成一个包含用户信息和历史记录信息的对象。
然而，直接在 Promise.all() 的回调函数中返回一个包含 Promise 对象（例如，从数据库查询返回的 Promise）的对象，会导致返回的对象中嵌套的 Promise 对象未被解析，从而得到空对象或未完成的 Promise。
要解决这个问题，需要确保在返回包含嵌套对象的对象之前，所有嵌套的 Promise 都已经被解析。这可以通过使用 async/await 语法来实现。
示例代码：
假设我们有一个 users 模型，并且需要根据用户的历史记录，获取每个历史记录中涉及的用户信息和金额。以下代码展示了如何使用 Promise.all() 和 async/await 来实现这个功能：
import users from "@/models/users";
import { NextResponse } from "next/server";
import dbConnect from "@/util/mongodb";
export async function GET(req, { params }) {
await dbConnect();
try {
const data = await users.findOne({ username: params.id }, { pin: 0 });
const history = await Promise.all(
data.history.map(async (user) => {
const us = await users.findOne(
{ _id: user.id },
{ firstname: 1, username: 1, lastname: 1 }
);
return { user: us, amount: user.amount };
})
);
return NextResponse.json(history, { status: 200 });
} catch (err) {
return NextResponse.json(err, { status: 500 });
}
}代码解释：
- data.history.map(async (user) => { ... }): 使用 map 方法遍历用户的历史记录数组。async 关键字使得回调函数可以执行异步操作，并使用 await 关键字等待 Promise 解析。
- const us = await users.findOne({ _id: user.id }, { firstname: 1, username: 1, lastname: 1 });: 使用 await 关键字等待 users.findOne 返回的 Promise 解析，并将结果赋值给 us 变量。 这样，us 变量将包含实际的用户数据，而不是一个未解析的 Promise 对象。
- return { user: us, amount: user.amount };: 返回一个包含 user 对象（已解析的用户数据）和 amount 属性的对象。
注意事项：
- 确保在 map 方法的回调函数中使用 async 关键字，以便可以使用 await 关键字。
- 使用 await 关键字等待所有嵌套的 Promise 解析，然后再返回包含嵌套对象的对象。
- 如果忘记使用 await 关键字，返回的对象可能包含未解析的 Promise 对象，导致数据不完整或错误。
总结：
通过在 Promise.all() 的回调函数中使用 async/await 语法，可以确保所有嵌套的 Promise 都被正确解析，从而避免返回空对象或未完成的 Promise 对象。 这种方法可以有效地处理复杂的异步操作，并生成包含完整数据的复杂数据结构。 记住，关键在于等待所有 Promise 完成后再进行数据组合和返回。
