エラーハンドリング応用

// Error オブジェクトのプロパティ
try {
  const obj = null;
  obj.property; // TypeError
} catch (err) {
  console.log(err.name);    // "TypeError"
  console.log(err.message); // "Cannot read properties of null"
  console.log(err.stack);   // スタックトレース（行番号付き）
}

// エラーの種類による分岐
function handleError(err) {
  if (err instanceof TypeError) {
    console.log("型エラー: " + err.message);
  } else if (err instanceof RangeError) {
    console.log("範囲エラー: " + err.message);
  } else if (err instanceof SyntaxError) {
    console.log("構文エラー: " + err.message);
  } else {
    console.log("不明なエラー: " + err.message);
  }
}

try {
  JSON.parse("invalid json");
} catch (err) {
  handleError(err); // "構文エラー: ..."
}

// カスタムエラークラスの基本
class AppError extends Error {
  constructor(message, code) {
    super(message);
    this.name = "AppError";
    this.code = code;
  }
}

class ValidationError extends AppError {
  constructor(field, message) {
    super(message, "VALIDATION_ERROR");
    this.name = "ValidationError";
    this.field = field;
  }
}

class NotFoundError extends AppError {
  constructor(resource, id) {
    super(`${resource}（ID: ${id}）が見つかりません`, "NOT_FOUND");
    this.name = "NotFoundError";
    this.resource = resource;
    this.id = id;
  }
}

// 使用例
function findUser(id) {
  const users = { 1: "田中", 2: "佐藤" };
  if (!users[id]) {
    throw new NotFoundError("ユーザー", id);
  }
  return users[id];
}

try {
  findUser(99);
} catch (err) {
  if (err instanceof NotFoundError) {
    console.log(`${err.name}: ${err.message}`);
    console.log(`コード: ${err.code}`);
  }
}

// Promise チェーンのエラーハンドリング
fetch("/api/data")
  .then(res => {
    if (!res.ok) {
      throw new Error(`HTTP ${res.status}: ${res.statusText}`);
    }
    return res.json();
  })
  .then(data => console.log(data))
  .catch(err => console.error("取得失敗:", err.message));

// async/await のエラーハンドリング
async function fetchData() {
  try {
    const res = await fetch("/api/data");
    if (!res.ok) {
      throw new Error(`HTTP ${res.status}`);
    }
    const data = await res.json();
    return data;
  } catch (err) {
    console.error("エラー:", err.message);
    return null; // デフォルト値を返す
  }
}

// 複数の非同期処理のエラーハンドリング
async function fetchMultiple(urls) {
  const results = await Promise.allSettled(
    urls.map(url => fetch(url).then(r => r.json()))
  );

  const successes = results.filter(r => r.status === "fulfilled");
  const failures = results.filter(r => r.status === "rejected");

  if (failures.length > 0) {
    console.warn(`${failures.length}件のリクエストが失敗しました`);
  }

  return successes.map(r => r.value);
}

// NG: エラーを握りつぶす
try {
  JSON.parse(input);
} catch (e) {
  // 何もしない → バグの原因が分からなくなる
}

// OK: ログを記録してデフォルト値を返す
function parseConfig(input) {
  try {
    return JSON.parse(input);
  } catch (err) {
    console.warn("設定ファイルのパースに失敗:", err.message);
    return {}; // 安全なデフォルト値
  }
}

// OK: エラーを変換して再throw
async function fetchUserData(id) {
  try {
    const res = await fetch(`/api/users/${id}`);
    if (!res.ok) {
      throw new Error(`HTTP ${res.status}`);
    }
    return await res.json();
  } catch (err) {
    // 技術的なエラーをアプリケーションエラーに変換
    throw new AppError(
      "ユーザーデータの取得に失敗しました",
      "FETCH_USER_FAILED"
    );
  }
}

// Result 型パターン
function ok(value) {
  return { ok: true, value };
}

function err(error) {
  return { ok: false, error };
}

function divide(a, b) {
  if (b === 0) {
    return err("ゼロで割ることはできません");
  }
  return ok(a / b);
}

// 使用側: try/catch なしでエラーを処理
const result = divide(10, 0);
if (result.ok) {
  console.log("結果:", result.value);
} else {
  console.log("エラー:", result.error);
}
// "エラー: ゼロで割ることはできません"