为什么我的函数返回 Promise { <pending> } [重复]

Question

作为我的第一个真正的 MERN 项目，我正在构建一个留言板。我目前正在研究一个节点路由，以请求具有相关帖子计数的板名称，但我遇到了一个问题。我收到的信息不是我需要的值，而是告诉我有一个未决的承诺，这看起来很奇怪，因为我正在使用 async/await。函数如下：

exports.postsPerBoard = async (req, res) => {
  try {
    const boards = await Board.find();

    const postCount = boards.map(async (boardI) => {
      const posts = await Post.find({ board: boardI.slug });
      return [boardI.slug, posts.length];
    });
    console.log(postCount);
    res.send(postCount);
  } catch (err) {
    console.error(err.message);
    res.status(500).send('server error');
  }
};

这是控制台日志的结果：

[0] [
[0]   Promise { <pending> },
[0]   Promise { <pending> },
[0]   Promise { <pending> },
[0]   Promise { <pending> },
[0]   Promise { <pending> }
[0] ]

在此先感谢您提供的所有/任何帮助！ :)

Answer 1

const postCount = boards.map(async (boardI) => {
  const posts = await Post.find({ board: boardI.slug });
  return [boardI.slug, posts.length];
});

由于这是一个异步函数，它会返回一个 Promise。 map 为数组的每个元素调用该函数，获取它们返回的 Promise，并创建一个包含这些 Promise 的新数组。

如果您想等待每个 promise 数组完成，请使用 Promise.all 将它们组合成一个 promise，然后等待结果。

const promises = boards.map(async (boardI) => {
  const posts = await Post.find({ board: boardI.slug });
  return [boardI.slug, posts.length];
});
const postCount = await Promise.all(promises);
console.log(postCount);