如何在递归 JSON 中解析 Promise

Question

我需要递归遍历 JSON 并在某些情况下调用远程 API。我需要返回最后修改的整个 JSON，但我不知道如何等到 所有承诺都实现

const getObjectsOfRelated = (xmlAsJson, token) => {
  if (testIfIwantCallApi()) {   
    const jsonToReturn = JSON.parse(JSON.stringify(xmlAsJson))
    jsonToReturn.elements = callApi(xmlAsJson.text).then(result => {
      return result.data
    })
    return jsonToReturn
  }
  if (xmlAsJson.elements) {
    const jsonToReturn = JSON.parse(JSON.stringify(xmlAsJson))
    jsonToReturn.elements = xmlAsJson.elements.map(res => getObjectsOfRelated(res, token))
    return jsonToReturn
  }
  return xmlAsJson
}

即使我尝试使用 setTimeout 破解它，结果也不包括使用外部 API 创建的部分。

这样代码返回正确的结构，带有承诺而不是值我希望它要么返回已完成的承诺，要么能够等到承诺完成。

Answer 1

使用 Promise.resolve 在 Promise 中包装简单的返回值：

const getObjectsOfRelated = (xmlAsJson, token) => {
  if (testIfIwantCallApi()) {   
    const jsonToReturn = JSON.parse(JSON.stringify(xmlAsJson))
    return callApi(xmlAsJson.text).then(result => {
      jsonToReturn.elements = result.data;
      return jsonToReturn;
    })
  }
  if (xmlAsJson.elements) {
    const jsonToReturn = JSON.parse(JSON.stringify(xmlAsJson))
    Promise.all(xmlAsJson.elements.map(res => getObjectsOfRelated(res, 
    token)).then((results) => {
      jsonToReturn.elements = results.map(result => result.data);
      return jsonToReturn;
    });
  }
  return Promise.resolve(xmlAsJson);
}

这样，您将始终如一地返回承诺，并且您可以像这样使用您的函数： getObjectsOfRelated(xmlAsJson, token).then(result => console.log(result))

Answer 2

你可以使用“Promise.all”...

对于一个简单的数组，你可以在数组上映射一个函数： 该函数为每个元素的“新值”返回一个承诺。 如果你使用 Bluebird Promise，你甚至可以返回 Promises 和普通值的混合。 （无需在“Promise.resolve”中包装普通值） 然后你将 Promise 数组传递给“Promise.all()”，它会等待它们全部完成。

要转换树形数据结构（如 JSON），您需要做同样的事情，但需要递归。树中的每个节点都会使用“Promise.all”来等待其所有的 child-nodes=，而根节点只会在树中的每个节点都已解析后才“解析”。

请注意，“Promise.all”将同时运行所有 ASYNC 函数。如果你不想这样，你可以改用“Promise.mapSeries”，它做同样的事情，但它在开始下一个之前等待每个异步函数。如果您有大量数据并且不想同时启动太多同步异步函数，这可能会更好。