我正在构建一个网络应用程序，允许用户查看项目的仪表板，这些仪表板又具有单独的部分(a、b 和 c)，仪表板将显示为完整 (o) 或不完整 (x)如下图所示。这允许用户直接导航到缺少信息的页面，因为需要项目的所有信息才能进入下一阶段。

Item | a | b | c | Next Stage?
------------------------------
abc  | x | o | x | No
def  | x | x | x | No
ghi  | o | o | o | Yes

在每个项目(例如 abc)中，它可以有许多子项目，这些子项目必须全部完成，该项目的 a、b 或 c 部分才能标记为完成。这是通过一系列嵌套的 promise 实现的，这些 promise 会在更新子项时更新“完整性”变量。但是，当尝试将变量从子项(a's、b's、c's)的范围传输到父项(abc、def、ghi)时，就会出现问题。我以前使用过嵌套的 promise 而没有实现异步/等待，因为这是这个项目范围内 promise 的最终用法，我犹豫是否采用不同的方式来解决这个问题(但我并不反对它)。

当前实现:

exports.loadDashboard = (req, res, next) => {
Item.find()
.where("user").equals(req.session.user)
.select()
.exec()
.then(docs => {
    const response = {
        items: docs.map(doc => {
            const aPromise = Feature.find().where("projectID").equals(doc._id).select("aComplete").exec();
            const bPromise = Feature.find().where("projectID").equals(doc._id).select("bComplete").exec();
            const cPromise = Feature.find().where("projectID").equals(doc._id).select("cComplete").exec();
            Promise.all([aPromise, bPromise, cPromise]).then(result => {
                return{
                    _id: doc._id,
                    user: doc.user,
                    aComplete: result[0],
                    bComplete: result[1],
                    cComplete: result[2]
                }
            // })
        }
    ),
    userSessionID: req.session.user   
    }
    if(req.session.user != null){
        console.log(response);
        res.render("dashboard", {response});
    }else{
        res.redirect("login");
    }
})
.catch(err=>{
    console.log(err);
    res.status(500).json({
        error: err
    });
});

...授予 response的:

{  items: [ undefined, undefined, undefined ],
 userSessionID: '1' }

这些未定义项的类型是 Promise <Pending> ，并且类似的问题已经以类似的方式解决了，但是这次我很困惑。我的问题是，是否可以在不深入研究 async/await 的情况下解决这个问题，或者我应该咬紧牙关，如果是这样的话，我将非常感谢所提供的任何帮助。

感谢阅读

最佳答案

这里有很多事情要做，如果可能的话，切换到使用 async/await 而不是使用 Promises，因为这是使您的代码相当难以维护的主要原因之一。我相信您可能只需要实际返回正确的值。

您的 .map 函数不返回任何内容，这可能是您收到 [undefined, undefined, undefined] 的主要原因。

exports.loadDashboard = (req, res, next) => {
// don't use "where", if you don't have to
Item.find({user: req.session.user)
.exec()
.then(docs => {
  const items = docs.map(doc => {
            const aPromise = Feature.find().where("projectID").equals(doc._id).select("aComplete").exec();
            const bPromise = Feature.find().where("projectID").equals(doc._id).select("bComplete").exec();
            const cPromise = Feature.find().where("projectID").equals(doc._id).select("cComplete").exec();
            // THIS IS WHERE I ADDED THE RETURN!
            return Promise.all([aPromise, bPromise, cPromise])
             .then(result => {
                return {
                    _id: doc._id,
                    user: doc.user,
                    aComplete: result[0],
                    bComplete: result[1],
                    cComplete: result[2]
                }
            }
       )})
  return Promise.all(items);
})
.then(items => {
    const response = {
       userSessionID: req.session.user,
       items
    };
    // also check if .user is undefined, the null check is then optional
    if(!req.session.user || req.session.user === null){
      return res.redirect("login");
    }
    console.log(response);
    return res.render("dashboard", {response});
}).catch(error => {
  console.log(error);
  res.status(500).json({error});
});

看看进展如何。我相信可能仍然存在一些问题，但该大纲应该能让您更轻松地使用它。

关于javascript - Promise.all() 返回未定义的 Promise <Pending> 数组，尽管类似的解决方案返回成功的替代方案，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56166605/