Node.js视图多变量传递问题：项目展示页forEach报错排查

你遇到的问题核心是异步操作的执行顺序问题。Projects.find()是异步方法，它不会立即返回查询结果，而是返回一个MongoDB的Query对象。当你直接把Projects.find()的调用赋值给allProjects时，res.render()会在find()的回调函数执行前就完成渲染，这时候allProjects根本不是你想要的项目数组，自然调用.forEach()会报错。

下面提供几种可行的写法，按代码简洁度和可读性排序：

1. 使用 Async/Await（最推荐） #

这种方式让异步代码看起来像同步代码，逻辑清晰易维护：

app.get('/projects/:url', async (req, res) => {
  try {
    // 并行执行两个异步查询，效率更高
    const [foundProject, allProjects] = await Promise.all([
      Projects.findOne({ Url: req.params.url }),
      Projects.find({})
    ]);

    if (!foundProject) {
      return res.send('该项目不存在');
    }

    res.render('show', { foundProject, allProjects });
  } catch (err) {
    console.log(err);
    res.send('服务器出错了');
  }
});

2. 使用 Promise.all（兼容旧环境写法） #

如果你的运行环境暂不支持async/await，可以用Promise并行处理两个查询：

app.get('/projects/:url', (req, res) => {
  Promise.all([
    Projects.findOne({ Url: req.params.url }).exec(),
    Projects.find({}).exec()
  ])
  .then(([foundProject, allProjects]) => {
    if (!foundProject) {
      return res.send('该项目不存在');
    }
    res.render('show', { foundProject, allProjects });
  })
  .catch(err => {
    console.log(err);
    res.send('服务器出错了');
  });
});

3. 嵌套回调（传统基础写法） #

这是最原始的异步处理方式，虽然可行但嵌套层级多了容易形成"回调地狱"，仅适合简单场景：

app.get('/projects/:url', (req, res) => {
  Projects.findOne({ Url: req.params.url }, (err, foundProject) => {
    if (err) {
      console.log(err);
      return res.send('服务器出错了');
    }
    if (!foundProject) {
      return res.send('该项目不存在');
    }
    // 拿到单个项目后，再查询所有项目
    Projects.find({}, (err, allProjects) => {
      if (err) {
        console.log(err);
        return res.send('服务器出错了');
      }
      res.render('show', { foundProject, allProjects });
    });
  });
});

• 必须确保所有异步查询完成后，再调用res.render()传递数据
• 记得处理查询失败和项目不存在的情况，避免请求挂起
• 使用Promise.all可以让两个查询并行执行，比嵌套回调的串行执行效率更高

内容的提问来源于stack exchange，提问作者leed38