在调用函数之前，如何等待一个 Promise 中的两个 Promise 被解决？

Question

我有一个用于执行此操作的匹配项的 forEach：

matches => {
            matches.forEach(match => {
              Promise.all([this.teamService.getTeam(match._links.homeTeam.href)])
                  .then( team => { 
                    match.homeTeam = team[0].teamName;
                  }
                );
              Promise.all([this.teamService.getTeam(match._links.awayTeam.href)])
                  .then( team => { 
                    match.awayTeam = team[0].teamName;
                  }
                );
              this.updateTableInformation(match);
            });
            return matches;
          }

解释：我引入了一系列匹配项，然后遍历每一场匹配项。每场比赛都是一个 Promise，其中包含指向主队和客队的链接。

这些 match.home 和 match.away 值也是球队的承诺，所以我将球队包装在 Promise.all 中，以便在将值分配给字符串类型值之前解决它：match.homeTeam 和 match.awayTeam。

问题： 当我调用函数时：

  this.updateTableInformation(match);

它使用 match.homeTeam 和 match.awayTeam，但是当它到达那里时，团队承诺尚未解决，因此 match.homeTeam = undefined;

问题：

如何在调用 updateTableInformation(match); 之前等待团队承诺（和上层比赛承诺）得到解决？

我正在使用 es6、es2016

Answer 1

我将团队包装在 Promise.all 中，以便在将值分配给匹配之前解决它。

不，只需将 .then(…) 直接链接到 Promise 就足够了。

当它到达函数this.updateTableInformation(match)时，团队承诺尚未解决

那是你应该使用Promise.all的地方，等待你需要等待的所有承诺，并在返回的承诺的then回调中使用它们的结果：

function updateMatch(match) {
    const homePromise = this.teamService.getTeam(match._links.homeTeam.href).then(team => {
        match.homeTeam = team[0].teamName;
    });
    const awayPromise = this.teamService.getTeam(match._links.awayTeam.href).then(team => {
        match.awayTeam = team[0].teamName;
    });
    return Promise.all([homePromise, awayPromise]).then(() => {
        this.updateTableInformation(match);
    });
}

还可以使用Promise.all 等待迭代数组中的所有匹配项都完成。不要使用.forEach，使用.map，这样你就可以得到一系列要使用的promise：

matches => Promise.all(matches.map(updateMatch))