JavaScript

It’s a way to tell JavaScript what to do when something goes wrong, keeping your code safe and calm.

.catch()

エラーが起きたときに「こうしてね」と指示を出すための書き方で、Promiseなどの処理を安全に終わらせる役割を持つ。

.catch() とは？

.catch() は、エラーが起きたときに実行される処理をまとめて書ける仕組みです。

「もし何か問題があったら、ここで受け止めてね」とJavaScriptに伝える感じです。

Promise（プロミス）や async/await のあとにつけて使い、

エラー内容をキャッチして安全に処理を続けるために使います。

こう書けばOK

JavaScript

fetch("data.json")
    .then(response => response.json())
    .then(data => {
        console.log("データを取得しました:", data);
    })
    .catch(error => {
        console.error("エラーが起きました:", error);
    });

やっていることの流れ

  1. .then() で「成功したときの処理」を書く
  2. .catch() で「失敗したときの処理」を書く
  3. どこかでエラーが起きると、自動的に .catch() が呼ばれる

ポイント

イメージで覚えると…

「成功したら .then() に進む。
失敗したら .catch() に落ちる。」
― そんな一本道の流れを想像するとわかりやすいです。