JavaScript中try…catch用于捕获同步运行时异常,防止崩溃并支持错误处理;对异步错误需结合async/await或.catch(),且应避免空catch、慎用finally返回值。

JavaScript中用 try...catch 捕获运行时异常,防止程序因错误崩溃,同时能做错误处理或降级操作。它只捕获同步代码中的异常,对异步错误(如 Promise 拒绝、setTimeout 内的 throw)需配合其他方式处理。
基本语法结构
try...catch 由三部分组成:try 块放可能出错的代码,catch 接收错误对象,finally(可选)无论是否出错都会执行。
try 块中一旦抛出异常(throw 或运行时报错),立即跳出并进入 catch catch 后面的参数(如 err)是 Error 实例,包含 message、name、stack 等属性 finally 块适合清理资源,比如关闭定时器、重置状态等
捕获常见错误类型
除了通用 catch (err),还可以用 instanceof 或检查 err.name 区分错误种类,便于针对性处理。
SyntaxError:代码解析失败(通常在 eval 中出现) ReferenceError:访问未声明变量(如 console.log(undef)) TypeError:操作不兼容类型(如 null.toString()) RangeError:数值超出有效范围(如递归过深、数组长度非法)
示例:
立即学习“Java免费学习笔记(深入)”;
try {
JSON.parse(‘{ “name”: }’);
} catch (err) {
if (err instanceof SyntaxError) {
console.error(‘JSON格式错误:’, err.message);
}
}
处理异步代码中的错误
try...catch 默认无法捕获 Promise 异步错误(如 fetch 失败、Promise.reject()),需结合 .catch() 或 async/await + try/catch。
使用 async/await 时,await 后的 Promise 拒绝会被 catch 捕获 纯 Promise 链必须用 .catch(),否则会触发 unhandledrejection 全局监听未捕获的 Promise 错误:添加 window.addEventListener('unhandledrejection')
推荐写法(async/await):
async function loadData() {
try {
const res = await fetch(‘/api/data’);
if (!res.ok) throw new Error(`HTTP ${res.status}`);
return await res.json();
} catch (err) {
console.error(‘加载失败:’, err.message);
return null;
}
}
不要忽略错误,但也不必层层 try
过度嵌套 try...catch 会让逻辑变乱;完全不捕获又容易导致静默失败。关键是“在哪一层处理最合理”。
在能恢复或提供友好反馈的地方捕获(如表单提交、API 调用) 避免空 catch(catch {}),至少记录日志:console.error(err) 必要时重新抛出错误:throw err 或 throw new Error('包装后的信息'),保留原始堆栈 注意:finally 中 return 会覆盖 try/catch 的返回值,慎用
基本上就这些。掌握好 try/catch 的边界和配合方式,能让 JS 错误处理更可控、更健壮。
以上就是JavaScript中如何捕获异常_try_catch如何使用的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1542298.html
微信扫一扫
支付宝扫一扫