try-catch-finally

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  </head>

  <body></body>
</html>


// 問題1. 非同期関数でtry、catch、finallyを使って実装してみよう1
// 以下にコードを書いてください
const getPostUrl = 'https://jsonplaceholder.typicode.com/posts/3'

const getPostById = async () => {
  // 問題1. tryブロックを実装しよう
  try {
    const response = await fetch(getPostUrl)
    const post = await response.json()
    console.log(post)
    // ここまで
    // 問題2. catchブロックを実装しよう
  } catch (error) {
    console.log(error)
    // ここまで
    // 問題3. finallyブロックを実装しよう
  } finally {
    console.log('処理が終了しました')
  }
  // ここまで
}

getPostById()


// 問題1. 非同期関数でtry、catch、finallyを使って実装してみよう1
// 以下にコードを書いてください
const getPostUrl = 'https://jsonplaceholder.typicode.com/posts/3'

const getPostById = async () => {
  // 問題1. tryブロックを実装しよう
  try {
    // ここまで
    // 問題2. catchブロックを実装しよう
  } catch {
    // ここまで
    // 問題3. finallyブロックを実装しよう
  } finally {
  }
  // ここまで
}

getPostById()


try・catch・finally

fetch(JavaScript)

fetchメソッド

setTimeout/clearTimeout

setInterval/clearInterval

テンプレートリテラル

setTimeoutとsetInterval

then-catch

thenメソッド

catchメソッド

axios

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

async-await

async・await

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

async・awaitの例外処理

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

throw

try・catch・finallyの例外処理

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

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

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

JavaScriptコース

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

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