使用 Fetch 返回 GitHub 用户数据

Question

请原谅我的无知，我对 JavaScript 还不是很了解。我正在尝试从 GitHub 获取公共用户数据并将其显示在我的个人投资组合中。目前我有以下代码：

 getData(url) {
  return fetch(url);
}
const userData = getData("https://api.github.com/users/userName");

userData
  .then((response) => response.json())
  .then((response) => console.log(response))
  .catch((error) =>
    console.log("There was an error fetching the data: " + error)
  );

  console.log(userData)

我得到的响应是带有用户数据的 JSON，但是当我 console.log(userData) 我得到Promise { <state>: "pending" } 作为响应。

另外，我可以看到初始响应中有一个 id，但是当我 console.log(userData.id) 时，我得到 undefined。

我已经阅读了 GitHub API 文档并观看了一些关于 Promises 的视频，但我似乎无法让我的代码正常工作。

感谢您抽出宝贵时间查看此内容，非常感谢您提供任何帮助！

Answer 1

这是因为 userData 是一个承诺。如果您尝试使用 async/await（文档可在 here 获取），您将能够同步获取数据。

 const getData = async (url) => {
   try {
     const data = await fetch("https://api.github.com/users/:user_name");
     console.log(data.json());
     return data;
   } catch (e) {
     console.log("There was an error fetching the data: " + error)
   }
 }