ツール一覧

💡 記事の下にエディタを用意しています。壊してもOK!

更新日: 2025年3月1日

JavaScriptのtry-catchで例外処理する方法

📌

結論

try...catch で例外を安全に処理できます

📝 実際のコードはこちら
try {
  const data = await fetchData();
} catch (err) {
  console.error('エラー:', err.message);
}

まとめ

try 内でエラーが起きると catch に飛ぶ ・ユーザーにエラーメッセージを表示するときに必須

演習で試してみよう

try...catchでエラーをハンドリングしてみましょう。

🧪 ここで試せます ─ 壊しても大丈夫!

下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。

■ 演習

fetchをtry-catchで囲み、エラー時はconsole.logでエラーメッセージを出力してください。

詰まったらヒント

try { ... } catch (e) { console.log(e.message); }

25pt

try-catch

fetchをtry-catchで囲み、エラー時はconsole.logでエラーメッセージを出力してください。

エラーをクリックで該当行をハイライト。✕=エラー ⚠=警告 ›=ログ。

ロードマップ · 全解説