浅析JavaScript如何优雅捕获异常并提供合理的回退方案

try {
  // 可能抛出异常的代码
} catch (error) {
  // 捕获异常并处理
} finally {
  // 可选：无论是否出错都会执行的代码
}

function divide(a, b) {
  try {
    if (b === 0) {
      throw new Error("除数不能为零");
    }
    return a / b;
  } catch (error) {
    console.error("计算错误:", error.message);
    return Infinity; // 返回默认值
  }
}

console.log(divide(10, 2)); // 5
console.log(divide(10, 0)); // Infinity（捕获错误）

function parseJson(jsonString) {
  try {
    return JSON.parse(jsonString);
  } catch (error) {
    console.error("JSON 解析失败:", error);
    return null; // 返回 null 作为默认值
  }
}

console.log(parseJson('{"name": "Alice"}')); // { name: "Alice" }
console.log(parseJson("invalid json"));      // null（捕获错误）

try {
  // 尝试操作
} catch (error) {
  // 处理错误
} finally {
  console.log("操作结束"); // 一定会执行
}

fetch("https://api.example.com/data")
  .then((response) => response.json())
  .catch((error) => {
    console.error("请求失败:", error);
    return { default: true }; // 返回默认数据
  });

async function fetchData() {
  try {
    const response = await fetch("https://api.example.com/data");
    const data = await response.json();
    return data;
  } catch (error) {
    console.error("请求失败:", error);
    return { default: true }; // 返回默认数据
  }
}

fetchData().then(console.log); // 正常数据或默认值

window.addEventListener("unhandledrejection", (event) => {
  console.error("未处理的 Promise 错误:", event.reason);
  event.preventDefault(); // 阻止默认行为（如控制台报错）
});

window.onerror = function (message, source, lineno, colno, error) {
  console.error("全局错误:", { message, source, lineno, colno, error });
  return true; // 阻止浏览器默认错误提示
};

try {
  // 可能出错的代码
} catch (error) {
  if (error instanceof TypeError) {
    console.error("类型错误:", error.message);
  } else if (error instanceof SyntaxError) {
    console.error("语法错误:", error.message);
  } else {
    console.error("未知错误:", error);
  }
}

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

try {
  throw new ValidationError("输入无效");
} catch (error) {
  console.error(error.name, error.message); // ValidationError 输入无效
}

// ❌ 错误示例：吞掉错误
try {
  riskyOperation();
} catch (error) {
  // 无处理逻辑
}

// ✅ 正确做法：至少记录错误
try {
  riskyOperation();
} catch (error) {
  console.error("捕获到错误:", error);
}

// 传统方式
let name;
try {
  name = user.profile.name;
} catch (error) {
  name = "Anonymous";
}

// 现代方式
const name = user?.profile?.name ?? "Anonymous";