javascript - 通过 promise 链传递结果无法访问？

Question

根据下面的代码，我将所有数据链接起来，直到最后我希望将数据渲染到 View ，但是使用 .catch 我发现召唤器在最终函数中无法访问。

getSummonerData(req.params.playerName)
.then(function(summoner) {
  return getMatchIds(summoner[0].id);
})
.then(function(matchIds) {
  return getGameData(matchIds);
})
.then(function(gameData) {
  res.render('profile', {player:summoner, games:gameData});
})
.catch(function(e) {
  console.log(e);
});

Answer 1

在您的代码中，summoner 只能由包含您对 getMatchIds 的调用的 then 回调访问，而不能在其他地方访问。要稍后访问，您必须 1) 从 then 回调中将其与游戏数据一起返回，或者 2) 嵌套需要它的 then 回调< em>在该回调中。

后者可能是更容易的:

getSummonerData(req.params.playerName)
.then(function(summoner) {
  return getMatchIds(summoner[0].id)
    .then(function(matchIds) {
      return getGameData(matchIds);
    })
    .then(function(gameData) {
      res.render('profile', {player:summoner, games:gameData});
    });
})
.catch(function(e) {
  console.log(e);
});