【2026年9月最新】JavaScriptのtry...catchの使い方と例外処理完全ガイド｜throw・finally・非同期エラーまで

「JavaScriptでtry...catchってどう書けばいいの？」「throwとErrorオブジェクトの関係がよくわからない」——この記事にたどり着いたあなたは、おそらくそんな疑問を抱えているはずです。

try...catchは、JavaScriptで「処理中に予期しないエラーが起きても、プログラム全体を止めずに対処する」ための構文です。フォーム入力のバリデーション、API通信、ファイル操作——エラーが起こりうる処理には必ずと言っていいほど登場します。にもかかわらず、finallyの実行タイミングやErrorオブジェクトの種類、非同期処理での例外処理まで正確に理解している人は多くありません。

この記事では、try...catchの基本構文から応用テクニックまでを実例付きで整理します。さらに後半では、弊社（株式会社GENAI）がClaude Codeという AIエージェントを使ってエラー処理のコードをどう扱っているかという、2026年時点のもうひとつの現実的な選択肢も紹介します。

AI鬼管理山崎

try...catchは「エラーが起きたときにどう振る舞うか」を設計する構文です。今日はエラーの種類ごとの対処法まで含めて、実務で使える形に整理していきます。

代表菅澤

私が最初につまずいたのは「catchで捕まえたエラーを、結局どう処理すればいいのか」という部分でした。後半では、そもそもこのコードを書く作業自体をAIに任せるという話もしますので、最後まで読んでみてください。

この記事を最後まで読むと、次の6つが明確になります。

01 BASIC SYNTAX try...catchとは何か・基本構文を理解する 「エラーで処理が止まる」を防ぐ仕組み

try...catchは、「エラーが起きるかもしれない処理」をtryブロックに書き、実際にエラーが起きたときの対処をcatchブロックに書く構文です。まずは最小限の形を見てみましょう。

try {
  const result = JSON.parse('{invalid json}');
  console.log(result);
} catch (error) {
  console.log('エラーが発生しました:', error.message);
}

// 出力: エラーが発生しました: Unexpected token i in JSON

もしtry...catchを使わずに上記のコードを実行すると、JSON.parseの時点でエラーが発生し、それ以降のJavaScriptの処理が全て止まってしまいます。try...catchで囲むことで、エラーが起きても処理を継続させたり、ユーザーに分かりやすいメッセージを表示したりできます。

1-1. catchの引数（error）から情報を取り出す

catchブロックの引数には、発生したエラーの情報が入ったErrorオブジェクトが渡されます。よく使うプロパティは以下の2つです。

try {
  null.foo();  // null にはfooというプロパティがない
} catch (error) {
  console.log(error.name);    // 'TypeError'
  console.log(error.message); // 'Cannot read properties of null...'
}

02 THROW STATEMENT throwで意図的にエラーを発生させる 「これはおかしい」をプログラムに伝える方法

throw文を使うと、自分の書いたコードの中で「これは異常な状態だ」と判断した時点で、意図的にエラーを発生させることができます。

function divide(a, b) {
  if (b === 0) {
    throw new Error('0で割ることはできません');
  }
  return a / b;
}

try {
  console.log(divide(10, 0));
} catch (error) {
  console.log(error.message); // 0で割ることはできません
}

throwが便利なのは、「JavaScript自体はエラーだと判断しないが、業務ロジック上は明らかにおかしい」ケースを扱えることです。例えば「割り算をゼロで行う」こと自体はJavaScriptの文法エラーではありませんが、業務上は異常な状態として扱いたい、といった場面で使います。

2-1. Errorオブジェクトの種類を見分ける

JavaScriptには、エラーの原因ごとにあらかじめ用意された組み込みErrorオブジェクトが複数あります。catchしたエラーの種類を見分けることで、より的確な対処が可能になります。

03 FINALLY BLOCK finally文で「必ず実行される処理」を書く エラーの有無に関わらず後片付けをする方法

try...catchには、finallyというもう1つのブロックを追加できます。finallyブロックは、エラーが起きても起きなくても、必ず最後に実行されるという特徴があります。

function processData(data) {
  console.log('処理開始');
  try {
    if (!data) {
      throw new Error('データが空です');
    }
    console.log('処理成功:', data);
  } catch (error) {
    console.log('エラー:', error.message);
  } finally {
    console.log('後片付け処理を実行');
  }
}

processData(null);
// 出力:
// 処理開始
// エラー: データが空です
// 後片付け処理を実行

finallyが特に重要になるのは、「エラーの有無に関わらず絶対にやっておきたい処理」がある場合です。例えば「通信中はローディング画面を出す」という実装では、通信が成功しても失敗しても、最後に必ずローディング画面を消す必要があります。この「必ず消す」をfinallyに書けば、書き漏れを防げます。

try・catch・finallyの実行順序を図にすると、以下のように「成功時」も「失敗時」も、最後は必ずfinallyを通過する流れになります。

代表菅澤

「finallyだけは絶対に通る」と覚えておくと、ローディング解除やリソースの解放漏れを防げます。私も過去に、finallyを使わずローディングが消えないバグを出したことがあります。

3-1. 複数の種類のエラーを条件分岐で処理する

1つのcatchブロックの中で、instanceofを使ってエラーの種類ごとに処理を分けることもできます。

try {
  riskyOperation();
} catch (error) {
  if (error instanceof TypeError) {
    console.log('型のエラーです:', error.message);
  } else if (error instanceof RangeError) {
    console.log('範囲のエラーです:', error.message);
  } else {
    console.log('その他のエラー:', error.message);
  }
}

04 ERROR DETAILS エラー情報を活用する・関数として共通化する stackプロパティと、実務で使えるエラーハンドリング設計

Errorオブジェクトには、messageやname以外にstackというプロパティもあります。これは「そのエラーが、どの関数のどの行から発生したか」という履歴（スタックトレース）を文字列で保持しています。

function level3() { throw new Error('問題発生'); }
function level2() { level3(); }
function level1() { level2(); }

try {
  level1();
} catch (error) {
  console.log(error.stack);
  // Error: 問題発生
  //   at level3 (...)
  //   at level2 (...)
  //   at level1 (...)
}

実務のコードでは、同じようなエラー処理を何度も書くのを避けるため、エラーハンドリングを関数として共通化することがよくあります。

function handleError(error, context = '') {
  console.error(`[${context}] ${error.name}: ${error.message}`);
  // ここでログ送信やユーザー通知処理をまとめて行う
}

try {
  JSON.parse('invalid');
} catch (error) {
  handleError(error, '設定ファイルの読み込み');
}

05 ASYNC ERROR HANDLING async/awaitでの例外処理 非同期処理特有の「エラーが捕まえられない」問題を避ける

API通信など非同期処理でも、async/awaitと組み合わせることでtry...catchが使えます。ただし、書き方を誤るとエラーがcatchされずにすり抜けてしまうことがあるため注意が必要です。

async function fetchUserData(userId) {
  try {
    const response = await fetch(`/api/users/${userId}`);
    if (!response.ok) {
      throw new Error(`APIエラー: ${response.status}`);
    }
    const data = await response.json();
    return data;
  } catch (error) {
    console.log('ユーザー取得に失敗:', error.message);
    return null;
  }
}

5-1. 複数の非同期処理をまとめてエラー処理する

Promise.allのように複数の非同期処理を同時に実行する場合も、外側をtry...catchで囲めば、いずれか1つでも失敗した時点でまとめて捕まえられます。

async function fetchAll() {
  try {
    const [users, orders] = await Promise.all([
      fetch('/api/users').then(r => r.json()),
      fetch('/api/orders').then(r => r.json()),
    ]);
    return { users, orders };
  } catch (error) {
    console.log('いずれかの取得に失敗:', error.message);
    return null;
  }
}

06 CAUTIONS try...catchを使う上での注意点 continue/breakが使えない・パフォーマンスへの影響

try...catchには、知らないとハマりやすい2つの落とし穴があります。

6-1. ループの中でcontinue/breakを使う際の書き方

try...catchブロックの外にあるループに対して、catchブロックの中からcontinueやbreakを使うこと自体は可能ですが、tryブロックの外にあるループ変数のスコープなど、書き方によっては意図しない挙動になることがあります。

const items = [1, 2, 0, 4];
for (const item of items) {
  try {
    if (item === 0) {
      throw new Error('0はスキップします');
    }
    console.log(10 / item);
  } catch (error) {
    console.log(error.message);
    continue; // catchの中からループを継続できる
  }
}

6-2. try...catchはパフォーマンスに影響するか

「try...catchは遅い」という話を聞いたことがある方もいるかもしれません。現在の主要なJavaScriptエンジン（V8など）では、try...catchブロック自体のオーバーヘッドはほぼ無視できるレベルまで最適化されています。

07 AI-ASSISTED CODING 【独自】エラー処理コードを「書く」から「AIに指示する」へ 非エンジニアがtry...catchを書かずに堅牢な処理を実現する方法

ここまでtry...catchの基礎と応用を一通り解説してきましたが、正直なところに触れます。2026年現在、経営者や非エンジニアの方が、Errorオブジェクトの種類やスタックトレースの読み方をすべて暗記して自力でコードを書く必要は薄れてきています。

理由は明確で、Claude CodeのようなAIコーディングエージェントに「やりたいこと」を日本語で伝えるだけで、try...catch・throw・finallyを適切に配置した堅牢なコードを、AIが自動で書いて実行までしてくれるようになったからです。

代表菅澤

正直に言うと、私自身もTypeErrorとReferenceErrorの違いを毎回覚えていたわけではありません。「このAPI通信が失敗したときはリトライして、それでもダメならログに残して」と話しかければ、Claude Codeが適切なエラー処理を含めて実行してくれます。

とはいえ、「try...catchが何をしているか」を理解していることには依然として価値があります。AIが生成したエラー処理が妥当かを確認したり、「このエラーが出たときはこう対処してほしい」と的確に指示を出したりするには、最低限の構文理解が役に立つからです。

AI鬼管理山崎

面白いのは、Claude Codeに「このエラー処理、何を想定して書いたの？」と聞くと、どのエラーパターンを想定してtry...catchを配置したかまで日本語で説明してくれる点です。書きながら学べるので理解が早いという声もあります。

7-1. どんな業務がエラー処理の自動化で楽になるか

try...catchが活躍する場面は、突き詰めると「外部とのやり取りで失敗する可能性がある処理」すべてです。以下のような業務は、まさにエラー処理を含む自動化で工数とトラブルが大きく減る典型例です。

08 GENAI CASE STUDY 【独自データ】GENAI社内のエラー処理設計・自動化事例 Claude Codeで「失敗に強い仕組み」をどこまで自動化しているか

ここでは、弊社（株式会社GENAI）が実際にClaude Codeを使って、try...catch的な「エラーへの備え」をどのように業務システムに組み込んでいるかを、数値と事例ベースで公開します。

8-1. 弊社の契約プランと導入範囲

8-2. エラー処理・自動化による削減時間（肌感ベース・2026年4月時点）

例えば広告運用では、以前は各種広告APIとの連携が失敗した際に人が気づいて手動でリトライしていましたが、現在はClaude Codeに「このAPI連携が失敗したら3回まで自動リトライして、それでもダメならSlackに通知して」と指示するだけで、人間が書けば数十行のtry-catch-finallyに相当する処理を数分で実装しています。

AI鬼管理山崎

エラー処理のコードをどう書くかで悩む時間そのものが、今は「どんな失敗パターンを想定すべきか」という業務理解のスキルに置き換わっています。技術知識ゼロでは難しいですが、この記事レベルの理解があれば十分に使いこなせます。

09 CONCLUSION まとめ ── try...catchを理解すると、AI指示の精度も上がる 基礎を押さえた上で、「書く」作業自体はAIに任せる選択肢を持つ

この記事では、JavaScriptのtry...catchの基本構文から、throw・Errorオブジェクトの種類・finally・スタックトレース・async/awaitでの例外処理・注意点までの応用テクニック、そしてAIエージェントにコードを書かせるという現実的な選択肢までを整理しました。最後にポイントを振り返ります。

最も重要なメッセージをお伝えします。try...catchの理解は「自分でコードを書くため」だけでなく、「AIに正確な指示を出すため」の土台としても価値があります。構文の意味がわかっていれば、AIが生成したエラー処理の妥当性を判断でき、修正の指示も的確に出せるようになります。

弊社では、Claude Codeを使った業務自動化の設計から伴走まで支援する「AI鬼管理」というサービスを提供しています。エラー処理の設計に限らず、社内のシステムを「失敗に強い仕組み」にどこまで近づけられるか。気になる方は、ぜひ以下からお気軽にご相談ください。

代表菅澤

「エラー処理を自分で書くべきか、AIに任せるべきか」で迷ったら、まずは今のシステムでどんな失敗が起きうるかを洗い出すところから始めましょう。無料相談で一緒に整理することもできます。

「失敗に強い仕組み」づくり、AI鬼管理が一緒に設計します

try...catchを自分で書くか、AIに任せるか。
あなたの会社のシステムやオペレーションの「失敗しうるポイント」を棚卸しして、最適な対策を一緒に考えます。

AI鬼管理山崎

「JavaScriptは書けないが、システムのエラー対応を強化したい」という方にこそ最適です。まずは無料相談で、業務の中で最もリスクが大きいポイントを一緒に見つけましょう。

ここから先の進め方は、大きく2つあります。

自社で回せるようになりたい方は、AI鬼管理でClaude Code／Codexの使い方から業務設計・社内定着まで伴走を受けながら、社内に仕組みを作る道があります。

覚えるより任せたい方は、AI社員AIKATAでこの記事のような定型業務を丸ごと預ける道があります。料金は月30万円の月額定額、追加費用は0円です。

どちらが合うかは、業務量と社内体制次第です。無料相談・無料適合診断で、貴社の場合はどちらが向くかからご相談いただけます。

NEXT STEP

この記事の内容を、あなたのビジネスで
実践してみませんか？

AI活用を自社で回せるようになりたい方へ

AI鬼管理

Claude Code・Cowork導入支援から業務設計・社内浸透まで実践ベースで伴走。「自社で回せる組織」を90日で作る経営者向けトレーニング。

AI鬼管理を詳しく見る →

業務を丸ごと任せたい方へ

AI社員AIKATA

請求処理・データ入力・問い合わせ対応などの定型業務を、AI×人の品質管理体制で丸ごと代行。月30万円の定額でまかせ放題、日々は成果物を承認するだけ。

AI社員AIKATAを詳しく見る →

よくある質問

Q. try...catchとif文による事前チェック、どちらを使うべきですか？

A. 「事前に条件を確認できるもの」はif文で防ぎ、「外部要因で予測しきれないもの（通信断・ファイル破損など）」はtry...catchで対処するのが基本の使い分けです。両方を組み合わせて使うのが実務では一般的です。

Q. catchブロックで何もしない（空のcatch）のはよくないですか？

A. 基本的には避けるべきです。エラーを握りつぶしてしまうと、後で原因不明の不具合として発覚し、調査が難航します。最低限console.errorでログに残すか、コメントで「無視して問題ない理由」を明記しておくことを推奨します。

Q. finallyの中でエラーが発生した場合はどうなりますか？

A. finallyブロック内で新たにエラーが発生すると、そのエラーが優先され、tryやcatchで処理していた元のエラー情報は上書きされてしまいます。finallyブロックの中身は、エラーが起きにくいシンプルな処理に留めるのが安全です。

Q. 独自のエラークラスを作ることはできますか？

A. できます。class ValidationError extends Error {}のように組み込みのErrorクラスを継承すれば、独自の名前を持つエラークラスを定義できます。instanceofで判定できるため、業務固有のエラー種別を扱う際に便利です。

Q. try...catchはPythonの例外処理と考え方は同じですか？

A. 基本的な考え方（正常系と異常系を分けて書く）は共通していますが、構文は異なります。Pythonはtryとexceptとfinallyでelseも使え、JavaScriptはtry・catch・finallyの3つで構成されます。言語ごとに用意されているErrorの種類も異なるため、対応表で確認するのが確実です。

Q. プログラミング未経験でもClaude Codeでエラー処理を含むコードは実現できますか？

A. 実現できます。Claude Codeは「この処理が失敗したら3回まで自動でやり直して、それでもダメなら担当者に通知して」といった日本語の指示から、必要なtry-catch-finallyを含むコードを自動で生成・実行します。この記事の基礎知識があれば、生成結果の妥当性もより正確に判断できます。

監修 最終更新日: 2026年9月15日

菅澤 孝平 株式会社GENAI 代表取締役

• AI業務自動化サービス「AI鬼管理」を運営 — Claude Code を活用し、経営者の業務を「AIエージェントに任せる仕組み」へ転換するパーソナルトレーニングを 伴走構築 で提供。日報・採用・問い合わせ対応・経費精算・議事録・データ集計・営業リスト等の定型業務を、AIに代行させる体制を経営者と一緒に作り込む
• Claude Code 実装ノウハウを 経営者・法人クライアント に直接指導。生成AIを「便利ツール」ではなく 「業務を任せる存在」 として運用する手法を体系化
• 「やらせ切る管理」メソッドの開発者。シンゲキ株式会社（2021年設立・鬼管理専門塾運営）にて累計3,000名以上の学習者を志望校合格に導いた管理メソッドを、AI × 経営者支援 に転用
• 著書『3カ月で志望大学に合格できる鬼管理』(幻冬舎)、『親の過干渉こそ、最強の大学受験対策である。』(講談社)
• メディア出演: REAL VALUE / カンニング竹山のイチバン研究所 / ええじゃないかBiz 他
• 明治大学政治経済学部卒

現在は AI鬼管理（Claude Code活用の伴走型パーソナルトレーニング）を主事業とし、経営者と二人三脚で「AIに業務を任せる仕組み」を実装。「実行を強制する環境」を AI で構築する手法を、自社の実運用知見をもとに発信している。

▸ 代表 菅澤孝平 のプロフィール詳細を見る