答案：JavaScript错误处理需结合try-catch捕获同步异常，通过window.onerror和unhandledrejection监听全局错误，Promise使用catch或await+try-catch处理，建议自定义错误类型并结构化日志以提升可维护性。
JavaScript中的错误处理是保障程序稳定运行的重要环节。当代码出现异常时，合理的捕获与处理机制可以避免页面崩溃，并帮助开发者快速定位问题。直接抛出未处理的异常会影响用户体验，因此掌握有效的异常捕获策略非常关键。
使用try-catch捕获同步异常
对于同步代码中可能出现的错误，try-catch 是最基本的处理方式。将可能出错的代码放入 try 块中，一旦抛出异常，catch 块会立即捕获并进行处理。
例如：
try {
JSON.parse('不合法的JSON');
} catch (error) {
console.error('解析失败:', error.message);
}
注意，catch 捕获的是运行时异常，建议始终检查 error 类型，避免误处理非 Error 对象。
监听全局异常防止程序中断
有些错误无法通过 try-catch 覆盖，比如异步回调中的异常或脚本加载错误。这时可以通过全局事件监听来兜底。
立即学习“Java免费学习笔记（深入）”；
- window.onerror：捕获未处理的同步错误和部分异步错误（如定时器）
- window.addEventListener('error')：可捕获资源加载错误（如图片、脚本）
- window.addEventListener('unhandledrejection')：专门用于捕获未处理的 Promise 拒绝
window.addEventListener('unhandledrejection', event => {
console.warn('未处理的Promise拒绝:', event.reason);
event.preventDefault(); // 阻止默认警告
});
Promise中的异常处理策略
Promise 异常不会被常规 try-catch 捕获，必须通过 .catch() 或 await 结合 try-catch 处理。
推荐写法：
async function fetchData() {
try {
const res = await fetch('/api/data');
const data = await res.json();
return data;
} catch (error) {
console.error('请求失败:', error.message);
throw error; // 根据业务决定是否继续向上抛出
}
}
避免漏掉 catch，否则会触发 unhandledrejection 事件。
自定义错误类型与结构化日志
为了更清晰地区分错误来源，可以定义特定错误类，便于分类处理。
例如：
class ApiError extends Error {
constructor(message, statusCode) {
super(message);
this.name = 'ApiError';
this.statusCode = statusCode;
}
}
// 使用
throw new ApiError('网络请求超时', 504);
结合错误名称和附加信息，可以在捕获时做针对性处理，也方便上报系统归类分析。
基本上就这些。合理组合局部捕获与全局监听，区分同步异步场景，再配合结构化错误设计，就能构建健壮的前端异常应对体系。不复杂但容易忽略细节。
