【JavaScript】try-catch文を使ったエラーハンドリングの基本

try {
  const data = JSON.parse(text); // エラーが起きる可能性のある処理
  console.log(data);
} catch (error) {
  console.error("エラー:", error.message); // エラー時の処理
} finally {
  console.log("終了処理"); // 成否に関わらず必ず実行
}

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

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

try {
  null.foo; // TypeError が発生
} catch (error) {
  console.log(error.name);    // "TypeError"
  console.log(error.message);

  if (error instanceof TypeError) {
    console.log("型に関するエラー");
  } else if (error instanceof SyntaxError) {
    console.log("構文エラー");
  }
}

async function loadData(url) {
  try {
    const response = await fetch(url);
    if (!response.ok) {
      throw new Error(`HTTP ${response.status}`); // 失敗を自分でthrow
    }
    return await response.json();
  } catch (error) {
    console.error("読み込み失敗:", error.message);
  } finally {
    console.log("通信完了");
  }
}

// NG: setTimeout のコールバック内のエラーは外のcatchで捕まえられない
try {
  setTimeout(() => {
    throw new Error("捕捉されない");
  }, 1000);
} catch (error) {
  // ここには来ない（別タスクで実行されるため）
}

// NG: await しない Promise のエラーも捕捉できない
try {
  fetch("/data"); // await が無い
} catch (error) {
  // rejectされてもここには来ない
}