等到嵌套的 Promise 解决

Question

我正在尝试对数据库进行一系列嵌套调用，并希望在结果全部返回后做一些事情。我是新手，如果我完全做错了，请原谅我（可能是这种情况）

我的代码目前是这样的：

getVideos(user).then((videos) => {
  videos.forEach((video) => {
    getImage(video).then(() => {
      getMembers().then((members) => {
        getComments().then((comments) => {
          getKeywords().then((keywords) => {
            getTranscript().then((transcript) => {
              console.log(members, comments, keywords, transcript)
            }
          }
        }
      }
    })
  })
})

这显然是超级低效的，因为getMembers()、getComments()、getKeywords()和getTranscript()不需要互相等待，都可以异步调用。此外，getImage() 可以为循环中的每个视频异步调用，而无需等待。

我正在尝试更改代码以将这些承诺捆绑成一个大承诺，以便一旦解决，我就可以在一个地方访问所有获取的数据。这是我的尝试，但它会打印出来

承诺{...}、承诺{...}、承诺{...}、承诺{...}

而不是获取的数据。

知道我做错了什么以及如何正确地将所有这些嵌套的 Promise 合并为一个吗？谢谢

let members, comments, keywords, transcript

getVideos(user).then((videos) => {
   let promises = []
   videos.forEach((video) => {
      let p = getImage(video).then(() => {
        members = getMembers()
        comments = getComments()
        keywords = getKeywords()
        transcript = getTranscript()
        return Promise.all([members, comments, keywords, transcript])
      })
      promises.push(p)
  })
  return Promise.all(promises)
})
.then(() => {
  console.log(members, comments, keywords, transcript)
})

Answer 1

尝试使用两个 Promise.alls - 每个video 一个，members、comments、keywords 和 transcript 一个：

getVideos(user).then((videos) => Promise.all(
  videos.map(video => getImage(video)
    .then(videoResp => Promise.all([
      getMembers(), // do you need to call these functions with `videoResp`?
      getComments(),
      getKeywords(),
      getTranscript(),
    ]))
  )
));

promise 链将解析为类似

[ [
    // video 1
    v1members,
    v1comments,
    v1keywords,
    v1transcript,
  ],
  [
    // video 2
    v2members,
    v2comments,
    v2keywords,
    v2transcript,
  ],
  // ...
]