then-catch

// 問題1. リクエストに失敗した場合の処理を実装してみよう
const wrongUrl = 'https://jsonplaceholder.typicode.com/@@@@'

fetch(wrongUrl)
  .then((res) => res.json())
  .then((json) => console.log(json))
  .catch((err) => console.log(err.message))

// 問題2. リクエストに失敗した場合のステータスコードを見てみよう
const badStatusUrl = 'https://jsonplaceholder.typicode.com/$$$$$'

fetch(badStatusUrl)
  .then((res) => console.log(res.status))
  .catch((err) => console.log(err.status))


// 問題1. リクエストに失敗した場合の処理を実装してみよう
const wrongUrl = 'https://jsonplaceholder.typicode.com/@@@@'

fetch()
  .then((res) => res.json())
  .then((json) => console.log(json))

// 問題2. リクエストに失敗した場合のステータスコードを見てみよう
const badStatusUrl = 'https://jsonplaceholder.typicode.com/$$$$$'

fetch().then((res) => console.log(res.status))


catchメソッド

fetch(Javascript)

fetchメソッド

setTimeout/clearTimeout

setInterval/clearInterval

テンプレートリテラル

setTimeoutとsetInterval

thenメソッド

axios

【演習】axiosを使って実装しよう

async-await

async・await

【演習】async・awaitを使ってみよう

async・awaitの例外処理

【演習】非同期関数を組み合わせよう

try-catch-finally

try・catch・finally

throw

try・catch・finallyの例外処理

【演習】複雑な非同期関数を作ろう

JavaScriptの非同期処理を学んでいこう。

webサイトに動きをつけたり、表示内容を切り替えたり、formの入力を制御するなど様々な処理について学んでいきます

JavaScriptコース

【JavaScriptの基礎をマスター💪】配列、オブジェクト、関数を使いこなそう！

「JavaScriptの非同期処理について学んでいこう」レッスンの総復習クイズです。

JavaScriptの非同期処理について学んでいこうの総復習クイズ

JavaScriptの非同期処理について学んでいこう