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 应用更加稳定可靠。关键是根据场景选择合适的方式,并做好错误日志上报。不复杂但容易忽略细节。
以上就是JavaScript异常捕获方法_javascript错误处理的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1541207.html
微信扫一扫
支付宝扫一扫