async/awaitで非同期処理の完了を待つ #JavaScript

①非同期処理をおこなう関数を宣言


const 関数名 = async () => {
  const message = 'GitのユーザーIDは';
  const url = 'https://api.github.com/users/taizo-pro'

②awaitをつけ、fetchが実行完了するまで次に進まなくさせる

// jsonにreturnされた値が入る    
const json = await fetch(url)
      .then(res => {
          console.log('非同期処理成功時のメッセージです')
          return res.json()
      }).catch(error => {
          console.error('非同期処理失敗時のメッセージです。', error)
          return null
      });

const username = json.login;
  console.log(message + username)
}
関数名()