如何将 .then 用于异步函数

Question

所以我试图链接来自 api 的请求，我知道这是一个异步请求。然而，我的理解是，使用.then() 会返回一个承诺，并且代码会等待它被解决，然后再转到下一个.then()。当我console.log变量encryptedAccountId而不是返回它时，我得到了想要的结果。但是当我尝试将其放入下一个 url 时，它说变量未定义。我也尝试过使用await 和async，但没有成功。我在这里想念什么？

let summonerName = 'nightblue3';
const region = ['na1', 'br1', 'eun1', 'euw1', 'jp1', 'kr', 'la1', 'la2', 'oc1', 'ru', 'tr1'];
let endIndex = 100;
let beginIndex = 0;
const fetch = require("node-fetch");

  let userUrl = `https://${region[0]}.api.riotgames.com/lol/summoner/v4/summoners/by-name/${summonerName}?api_key=${apiKey}`
  fetch(userUrl).then(res => {
        return res.json()})
        .then(getEncryptedAcccountId=> {
        var encryptedAccountId = (getEncryptedAcccountId.accountId)
        return encryptedAccountId})
        .then(fetch(`https://${region[0]}.api.riotgames.com/lol/match/v4/matchlists/by-account/${encryptedAccountId}?endIndex=${endIndex}&beginIndex=${beginIndex}&api_key=${apiKey}`))```

Answer 1

你可以写得更简单：

fetch(userUrl).then(res => res.json())
   .then(({ accountId }) => fetch(`your_url_with_${accountId}`))

Answer 2

您传递给then() 的函数确实不会被调用，直到调用了promise then 解决。

.then(fetch(`https://${region[...

问题是您没有将函数传递给then。您正在立即调用fetch() 并传递它的返回值（这是一个承诺，而不是一个函数）。

改为传递函数：

.then((encryptedAccountId) => fetch(`https://${region[...

---

您可能还想转至async/await syntax，这通常更具可读性：

(async function () {
  let summonerName = "nightblue3";
  const region = ['na1', 'br1', 'eun1', 'euw1', 'jp1', 'kr', 'la1', 'la2', 'oc1', 'ru', 'tr1'];
  let endIndex = 100;
  let beginIndex = 0;
  const fetch = require("node-fetch");

  let userUrl = `https://${region[0]}.api.riotgames.com/lol/summoner/v4/summoners/by-name/${summonerName}?api_key=${apiKey}`;
  const userResponse = await fetch(userUrl);
  const userData = await userResponse.json();
  const encryptedAccountId = userData.accountId;
  const matchlists = await fetch(
    `https://${region[0]}.api.riotgames.com/lol/match/v4/matchlists/by-account/${encryptedAccountId}?endIndex=${endIndex}&beginIndex=${beginIndex}&api_key=${apiKey}`
  );
  // ...
})();