正确使用try-catch-finally和promise错误处理可提升代码健壮性。1. try-catch仅捕获同步异常，需检查error.name和message，避免空catch，可重新抛出无关异常。2. 异步错误需用.catch()或async/await配合try-catch处理。3. finally始终执行，return或throw会覆盖原结果，应避免复杂逻辑。4. 全局监听window.onerror和unhandledrejection可捕获未处理错误，用于日志收集，跨域需cors支持。
JavaScript中的异常处理看似简单，但实际使用中有很多细节容易被忽视。合理利用try-catch-finally和Promise错误处理机制，能显著提升代码的健壮性和可维护性。
正确使用try-catch捕获同步异常
try-catch用于捕获运行时错误，比如类型错误、引用错误或手动抛出的异常。需要注意的是，它只能捕获同步代码中的异常。
- catch语句的参数是Error对象，建议检查error.name和error.message来判断错误类型
- 不要忽略catch块中的错误处理，至少应记录日志
- 避免空的catch块，否则会掩盖问题
- 可以使用throw重新抛出不打算处理的异常
示例：
try {
JSON.parse('{ invalid json }');
} catch (error) {
if (error instanceof SyntaxError) {
console.error('解析失败:', error.message);
} else {
throw error; // 不是语法错误就继续抛出
}
}
异步操作中的异常无法用普通try-catch捕获
在setTimeout、Promise回调或async函数中抛出的错误，不会被外层的try-catch捕获。
- Promise内部的异常需要通过.catch()处理
- async/await配合try-catch可以优雅处理异步错误
- 未被处理的Promise拒绝会在控制台报错，可能影响性能
正确做法：
async function fetchData() {
try {
const res = await fetch('/api/data');
if (!res.ok) throw new Error('请求失败');
return await res.json();
} catch (error) {
console.error('获取数据失败:', error);
}
}
finally块的行为要特别注意
finally无论是否发生异常都会执行，但它会影响返回值和异常传递。
- 如果finally中return一个值，它会覆盖try中的return
- 如果finally中抛出异常，会替换掉try/catch中的异常
- 避免在finally中做复杂逻辑，防止掩盖原始错误
例子：
function test() {
try {
return 1;
} finally {
return 2; // 最终返回2
}
}
全局错误监听作为最后一道防线
通过window.onerror或addEventListener('error')可以捕获未处理的异常。
- 可用于收集生产环境的错误日志
- 能捕获脚本加载错误、语法错误等无法用try-catch捕获的问题
- 对于跨域脚本，错误信息会被限制为"Script error."，需配置CORS头解决
- Promise拒绝应使用unhandledrejection事件监听
设置监听：
window.addEventListener('error', (event) => {
console.log('全局错误:', event.error);
});
window.addEventListener('unhandledrejection', (event) => {
console.log('未处理的Promise拒绝:', event.reason);
});
基本上就这些。掌握这些细节，能让JavaScript异常处理更可靠。关键是在合适的地方使用合适的机制，并确保错误不会静默丢失。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
