APIからJsonファイルの取得について

Question

JSON取得の処理について悩んでいます。
下記記述にて　
Aでコンソールに記されるオブジェクトを取得し、他の箇所で利用したいのですが
Bで返すjsonはpromise状態で返されます。

やり方や考え方が間違えているのでしょうか？
もしくはpromise状態でも利用する方法があるのでしょうか？
ご教示いただけますと嬉しいです。

 const getGitUsername = async () => {
    const url = `https://api.github.com/users/aws`;
    const json = await fetch(url)
      .then(res => {
      return res.json()
    }).catch(error => {
      console.error('エラー')
      return null
    })

    console.log('jsonA :>> ', json); // A:ここのjson
    return json; // B:ここで返す値のjson
  }

 const jsonFile = getGitUsername();

 console.log('jsonFile :',jsonFile);

Answer 1

getGitUsername() は async 関数ですから、結果を得るには await などで帰ってきたPromiseの解決を待つ必要があります。

const jsonFile = await getGitUsername();

Comments

[Overrun]

ご回答ありがとうございます。
awaitはasyncの中でしか使えないというルールだったと思います。
残念ながら下記のエラーが出てしまいました。

await is only valid in async functions and the top level bodies of modules

[int32_t]

ええ、もちろんasync関数の中に入れるのです。トップレベルに書いてあったコードなら、(async function() { const jsonFile = await .... })() とか。

[Overrun]

ありがとうございます！
となると、getGitUsername関数自体のasync設定は解除しても問題なさそうですね。
使い方が少しわかった気がします＼(^o^)／