JavaScript通过try-catch捕获同步异常，Promise用.catch()或async/await结合try-catch处理异步错误，全局监听window.onerror和unhandledrejection事件捕获未处理异常，配合错误类型判断与自定义错误类提升健壮性。
JavaScript 中的异常捕获和错误处理是保障程序健壮性的重要手段。当代码运行出错时，合理的异常处理机制可以避免页面崩溃，并帮助开发者快速定位问题。
使用 try-catch 捕获运行时异常
try-catch 是 JavaScript 最基本的异常捕获方式，用于捕获同步代码中的运行时错误。
把可能出错的代码放在 try 块中，一旦抛出异常，会立即跳转到 catch 块进行处理。
try {
let result = someFunction();
console.log(result);
} catch (error) {
console.error('发生错误：', error.message);
}
注意：try-catch 只能捕获同步错误，无法直接捕获异步操作中的异常（如 setTimeout 内部错误）。
立即学习“Java免费学习笔记（深入）”；
处理异步代码中的异常
对于 Promise 和 async/await 模式，需要不同的异常处理策略。
Promise 中使用 .catch()
fetch('/api/data')
.then(response => response.json())
.catch(error => {
console.error('请求失败：', error);
});
async/await 结合 try-catch
async function getData() {
try {
const response = await fetch('/api/data');
const data = await response.json();
return data;
} catch (error) {
console.error('获取数据失败：', error);
}
}
这种写法让异步代码的错误处理更接近同步逻辑，结构清晰。
全局错误监听：window.onerror 与 error 事件
为了捕获未被处理的异常，可以监听全局错误事件。
window.onerror 可以捕获大多数同步错误、脚本加载错误和语法错误（部分情况）。
window.onerror = function(message, source, lineno, colno, error) {
console.error('全局错误：', message, '文件：', source, `行:${lineno}, 列:${colno}`);
// 可以上报到服务器
return true; // 阻止浏览器默认错误报告
};
监听 unhandledrejection 事件 捕获未处理的 Promise 拒绝。
window.addEventListener('unhandledrejection', event => {
console.warn('未处理的 promise 错误：', event.reason);
// 可防止控制台报错
event.preventDefault();
});
错误类型识别与自定义错误
JavaScript 提供了多种内置错误类型，如 TypeError、ReferenceError、SyntaxError 等。可以通过 instanceof 判断具体类型。
try {
undefinedFunction();
} catch (error) {
if (error instanceof ReferenceError) {
console.log('引用了未定义的变量');
} else {
console.log('其他错误：', error.message);
}
}
也可以创建自定义错误类，便于业务逻辑中抛出特定异常。
class ValidationError extends Error {
constructor(message) {
super(message);
this.name = 'ValidationError';
}
}
// 使用
throw new ValidationError('输入数据不合法');
基本上就这些。合理组合 try-catch、Promise 错误处理和全局监听，可以让 JavaScript 应用更加稳定可靠。关键是根据场景选择合适的方式，并做好错误日志上报。不复杂但容易忽略细节。
