JavaScript错误捕获主要用try…catch语句,将可能出错的代码放入try块,处理逻辑放入catch块;catch参数为错误对象,含message、name、stack等属性;finally块总会执行,适合清理资源;async/await中需用await才能使Promise拒绝被catch捕获。

JavaScript 中的错误捕获主要靠 try...catch 语句,它能让你在代码出错时不中断执行,而是有控制地处理异常。
try…catch 基本结构怎么写
语法很简单:把可能出错的代码放进 try 块,把出错后的处理逻辑放进 catch 块。
例如:
try { let result = JSON.parse('{"name": "Alice",'); // 缺少右括号,会抛出 SyntaxError console.log(result);} catch (error) { console.error('解析失败:', error.message);}// 程序继续运行到这里console.log('后续代码正常执行');
注意:catch 参数(如 error)是可选名称,代表捕获到的错误对象,它通常包含 message、name 和 stack 等属性。
立即学习“Java免费学习笔记(深入)”;
什么时候该用 try…catch
不是所有地方都需要加,重点用在以下场景:
外部数据解析(如 JSON.parse()、XMLHttpRequest 响应处理) 用户输入校验或 DOM 操作(比如获取不存在的元素后调用方法) 调用第三方库中可能抛异常的方法(尤其文档注明“throws”的) 异步操作中 同步部分 的错误(注意:它不能直接捕获 Promise 异步错误)
try…catch…finally 是什么
finally 块无论是否出错都会执行,适合放清理逻辑:
let fileHandle;try { fileHandle = openFile('data.txt'); process(fileHandle);} catch (err) { console.error('处理文件时出错:', err.message);} finally { if (fileHandle) closeFile(fileHandle); // 保证关闭资源}
finally 不影响返回值:如果 try 或 catch 中有 return,finally 仍会执行,但不能改写已确定的返回值(除非它自己也写 return)。
Promise 和 async/await 怎么配合 try…catch
原生 try...catch 对 Promise 的 异步拒绝(reject)无效,必须配合 await 才能捕获:
✅ 正确(async 函数内用 await):
async function fetchData() { try { const res = await fetch('/api/data'); const data = await res.json(); // 这里可能抛错 return data; } catch (err) { console.error('请求或解析失败:', err); }}
❌ 错误(没 await,catch 捕不到):
fetch('/api/data') .then(res => res.json()) .catch(err => console.error(err)); // 必须用 .catch,不能靠外层 try
简记:只有 await 后面的 Promise 拒绝才会被同步的 catch 捕获。
以上就是javascript错误如何捕获_try…catch语句该怎么用的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1544542.html
微信扫一扫
支付宝扫一扫