<CodeLearn/>
JavaScript レッスン10

エラーハンドリング

エラーを適切に処理してプログラムの安定性を高めよう

エラーハンドリングとは

プログラムの実行中にエラーが発生することは避けられません。 適切にエラーを捕捉して処理することで、プログラムのクラッシュを防ぎ、 ユーザーにわかりやすいフィードバックを提供できます。

  • try...catch...finally — エラーの捕捉と処理
  • throw — 意図的にエラーを発生させる
  • Errorオブジェクト — エラー情報を格納
  • エラーの種類 — TypeError, RangeError, SyntaxError など
  • カスタムエラー — 独自のエラークラス

try/catch/finally と throw

エラーの基本的な処理方法を学びましょう。

index.htmllazy
1 lines0 issues

Monaco Editor を準備しています

表示領域に入った時点で Monaco と Shiki を初期化します。

preview.local
Live Preview
Console

console.log / warn / error の出力がここに表示されます。

カスタムエラーとデバッグ

独自のエラークラスとデバッグのコツを学びましょう。

index.htmllazy
1 lines0 issues

Monaco Editor を準備しています

表示領域に入った時点で Monaco と Shiki を初期化します。

preview.local
Live Preview
Console

console.log / warn / error の出力がここに表示されます。

自由に試してみよう

エラーハンドリングを使ったフォームバリデーションを作ってみましょう。

index.htmllazy
10 lines0 issues

Monaco Editor を準備しています

表示領域に入った時点で Monaco と Shiki を初期化します。

preview.local
Live Preview
Console

console.log / warn / error の出力がここに表示されます。

← 前のレッスン

クラスとOOP

次のレッスン →

非同期処理