JavaScript：エラー処理（try / catch / throw）

出力 == エラー：テストエラー

catch (e) { } の中で e.message を使う。

try {
  throw new Error("テストエラー");
} catch (e) {
  console.log(`エラー：${e.message}`);
}

try/catchの最小形。e.message には throw のときに渡した文字列が入る。

解答 == B

JavaScriptはゼロ除算をエラーにしない。

B

Pythonなら ZeroDivisionError で止まるが、JavaScriptは Infinity を返して進む。この「止まらなさ」が原因不明のバグを生む。

出力 == TypeError

try の中で null.foo を書き、catch (e) で e.name を出す。

try {
  null.foo;
} catch (e) {
  console.log(e.name);
}

TypeError は最頻出のエラー。「Cannot read properties of null」というメッセージを見たら、null や undefined のものにアクセスしていると考える。

try {
  throw new Error("失敗");
} ____ (e) {
  console.log(e.message);
}

出力 == 失敗

「捕まえる」という意味の英単語。

catch

catch は投げられたエラーを受け止める。ここが無いとプログラム全体が停止する。

解答 == C

名前のとおり「最後に必ず」。

C

成功・失敗にかかわらず実行される。try の中に return があっても finally は実行されるので、後始末の置き場所として確実。

出力 == 数値に変換できません

Number("abc") は NaN になる。Number.isNaN(値) で判定する。

const value = Number("abc");

if (Number.isNaN(value)) {
  console.log("数値に変換できません");
}

NaN は == でも === でも自分自身と一致しないという特殊な値。だから value === NaN では判定できず、Number.isNaN() を使う。

const check = (n) => {
  if (n < 0) {
    ____ new Error("マイナスは不可");
  }
  return n;
};

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

出力 == マイナスは不可

「投げる」という意味の英単語。

throw

throw はその場で関数を抜け、呼び出し元の catch まで飛ぶ。return と違い、途中の処理はすべて中断される。

解答 == C

「数値ではない」を表す特別な値。

C

NaN は計算に混ざるとすべてを NaN にする。合計が NaN になったら、どこかで変換に失敗していると疑う。

出力 == 10 / 変換エラー / 25（3行）

ループの中に try/catch を入れる。NaN なら throw して catch で受け止める。

const values = ["10", "abc", "25"];

for (const v of values) {
  try {
    const n = Number(v);
    if (Number.isNaN(n)) {
      throw new Error("変換エラー");
    }
    console.log(n);
  } catch (e) {
    console.log(e.message);
  }
}

try/catch をループの中に置くのが要点。外に置くと最初の失敗でループごと終わってしまう。1件ずつ守るのが正しい形。

出力 == 解析失敗：SyntaxError

catch (e) の e.name を使う。

try {
  JSON.parse("{壊れたJSON}");
} catch (e) {
  console.log(`解析失敗：${e.name}`);
}

JSON.parse は数少ない「ちゃんとエラーを出す」処理。APIの応答が壊れていることは実際にあるので、必ず try で囲む。

出力3行が完全一致

JavaScriptは 10/0 でエラーにならず Infinity を返すので、自分で b === 0 を判定する必要がある。

const safeDiv = (a, b) => {
  if (b === 0) {
    return null;
  }
  return a / b;
};

for (const [a, b] of [[10, 2], [10, 0], [7, 3]]) {
  const result = safeDiv(a, b);

  if (result === null) {
    console.log(`${a} ÷ ${b} = 計算できません`);
  } else {
    console.log(`${a} ÷ ${b} = ${result.toFixed(2)}`);
  }
}

JavaScriptは0除算でエラーを出さないので、try/catch では捕まえられない。自分で条件を書いて防ぐしかないのがPythonとの大きな違い。

出力3行が完全一致

空文字のチェックを先に入れる。!v で空文字を弾いてから Number.isNaN を見る。配列の表示は JSON.stringify()。

const raw = ["120", "abc", "85", "", "43"];

const nums = [];
let failed = 0;

for (const v of raw) {
  try {
    if (!v) {
      throw new Error("空です");
    }
    const n = Number(v);
    if (Number.isNaN(n)) {
      throw new Error("数値ではありません");
    }
    nums.push(n);
  } catch (e) {
    failed++;
  }
}

console.log(`変換成功：${JSON.stringify(nums)}`);
console.log(`成功${nums.length}件 / 失敗${failed}件`);
console.log(`合計：${nums.reduce((s, n) => s + n, 0)}`);

Number("") が 0 になるのがJavaScriptの罠。空欄が0として集計に混ざると、平均値が静かに狂う。NaN チェックだけでは不十分で、空文字も明示的に弾く必要がある。

出力3行が完全一致

entries() で番号を振りながら回し、try の中で JSON.parse する。catch では e.name を出す。

const inputs = ['{"name":"田中"}', "{壊れた}", '{"name":"鈴木"}'];

for (const [i, text] of inputs.entries()) {
  try {
    const data = JSON.parse(text);
    console.log(`[${i + 1}] 解析成功：${data.name}`);
  } catch (e) {
    console.log(`[${i + 1}] 解析失敗：${e.name}`);
  }
}

APIの応答が必ず正しいJSONとは限らない。サーバーがエラーページのHTMLを返すこともある。JSON.parse は必ず try で囲むのが鉄則。

出力2行が完全一致

class StockError extends Error { constructor(m) { super(m); this.name = "StockError"; } } と書く。在庫は let で管理して減らしていく。

class StockError extends Error {
  constructor(message) {
    super(message);
    this.name = "StockError";
  }
}

let stock = 5;

const ship = (qty) => {
  if (qty > stock) {
    throw new StockError(`在庫が足りません（残り${stock}個）`);
  }
  stock -= qty;
  return qty;
};

for (const qty of [3, 5]) {
  try {
    console.log(`出荷しました：${ship(qty)}個`);
  } catch (e) {
    console.log(`[${e.name}] ${e.message}`);
  }
}

自作エラークラスを作ると、呼び出し側が「在庫の問題だけ」を選んで捕まえられる。e instanceof StockError で判定でき、他のバグと混同しなくなる。

出力7行が完全一致

ループの中で開始を出力 → try/catch → finally で終了を出力。finally はエラーの有無に関係なく実行される。

const data = ["10", "abc"];

for (const d of data) {
  console.log(`[${d}] 処理開始`);

  try {
    const n = Number(d);
    if (Number.isNaN(n)) {
      throw new Error("変換失敗");
    }
    console.log(`→ 結果：${n * 10}`);
  } catch (e) {
    console.log("→ 変換に失敗しました");
  } finally {
    console.log(`[${d}] 処理終了`);
  }
}

console.log(`完了：${data.length}件処理`);

finally があるので失敗した回でも必ず「処理終了」が記録される。実務ではここでファイルを閉じたり、ローディング表示を消したりする。書き忘れると画面がぐるぐる回り続ける原因になる。