编程语言
首页 > 编程语言> > javascript-使用访存返回GitHub用户数据

javascript-使用访存返回GitHub用户数据

作者:互联网

原谅我的无知,但我对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&gt ;:“ pending”}作为响应. 另外,我可以看到初始响应中有一个ID,但是当我console.log(userData.id)时,我得到的是不确定的. 我已经阅读了GitHub API文档,并在Promises上观看了一些视频,但是我似乎无法使我的代码正常工作. 感谢您抽出宝贵的时间来研究此问题,对此的任何帮助将不胜感激!

解决方法:

这是因为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)
   }
 }

标签:async-await,es6-promise,github-api,javascript
来源: https://codeday.me/bug/20191108/2007233.html