开火。解析所有嵌套promise后的all（）

Question

我试图使用他们的Firebase API递归获取黑客新闻故事的所有评论。一个故事有一个孩子属性，它是一个表示注释的ID数组。每个注释都可以有自己的子属性，该属性指向其子注释，等等。我想创建整个注释树的数组，看起来像：

[{
  'title': 'comment 1', 
  'replies': [{
    'title': 'comment 1.1'
  }, {
    'title': 'comment 1.2'
    'replies': [{
      'title': 'comment 1.2.1'
    }]
  }]
}]

我想我可以使用以下函数来完成此操作：

function getItem(id) {
    return api
        .child(`item/${id}`)
        .once('value')
        .then((snapshot) => {  // this is a Firebase Promise
            let val = snapshot.val()

            if (val.kids) {
                val.replies = val.kids.map((id) => getItem(id))
            }

            return val
        })
}

然后，使用以下方法获取整个注释树后，会收到通知：

getItem(storyId)
    .then(story => {
      // The story and all of its comments should now be loaded
      console.log(story)
    })

最终发生的是Promise.all（）。然后（）在第一级注释promise解决后触发（这是有意义的，因为所有的注释promise都解决了。）然而，我想知道一旦所有嵌套的promise都解决了。我该怎么做呢？

Answer 1

小鬼：请参考torazaburo的回答。它比我的好多了。

=========

我认为这应该奏效：

function getItem(id) {
    return new Promise(function(resolve, reject) {
        api
        .child(`item/${id}`)
        .once('value')
        .then((snapshot) => {  // this is a Firebase Promise
            let val = snapshot.val()

            if (val.kids) {
                let replies = val.kids.map((id) => getItem(id))
                Promise.all(replies).then(replies => {
                    val.replies = replies // <<<<<< try this
                    resolve(val) // we want to resolve val, not val.replies
                }, err =>{
                    reject(err)
                })
            } else {
                resolve(val)
            }
        })
        .catch((err) => { // if there was some error invoking api call we need to reject our promise
            reject(err);
        })
    }
}

编辑：设置val.repress内部然后

Answer 2

没有必要像在其他答案中那样做出包装promise；这就是“显式promise构造函数反模式”。进一步简化，您可以执行以下操作：

function getItem(id) {
  return api
    .child(`item/${id}`)
    .once('value')
    .then(snapshot => {
      const val = snapshot.val();
      return Promise.all((val.kids || []).map(getItem))
        .then(kidsVals => {
          val.replies = kidsVals; 
          return val; 
        });
      );
    });
}

也不需要任何明确的拒绝处理。拒绝会自然地传播到顶层（假设这是您想要的）。