JavaScript错误处理核心是try…catch,需写全try、catch、finally三块;可捕获具体错误类型;需主动throw自定义错误;异步错误须用async/await或.catch()处理。

JavaScript 错误处理核心靠 try...catch,它能让你在代码出错时不崩溃,还能主动捕获和响应异常。
基本结构:三块必须写全
try 块放可能出错的代码,catch 捕获错误,finally(可选)无论成败都执行:
try { // 可能抛错的代码,比如 JSON.parse('invalid') let data = JSON.parse('{ "name": "Alice"');} catch (error) { // error 是 Error 实例,有 message、name、stack 等属性 console.error('解析失败:', error.message);} finally { // 清理工作,比如关闭加载状态、释放资源 console.log('不管成功失败,这行都会运行');}
捕获具体错误类型,别只用通用 catch
不是所有错误都该一视同仁。可以判断 error.name 或用多个 catch(ES2022+ 支持)区分处理:
SyntaxError:JSON 解析失败、eval 语法错 → 提示用户检查输入格式ReferenceError:访问未声明变量 → 检查拼写或作用域问题TypeError:调用非函数、读取 null 属性 → 加空值校验再操作Network-related errors(如 fetch 失败):需单独处理,因为 fetch 不会因 HTTP 状态码(如 404/500)抛错,得手动检查 response.ok
主动抛错 + 自定义错误,让问题更清晰
用 throw new Error('提示信息') 或自定义错误类,把业务逻辑中的非法状态转为可捕获错误:
立即学习“Java免费学习笔记(深入)”;
function withdraw(balance, amount) { if (amount > balance) { throw new Error('余额不足'); } return balance - amount;}try {withdraw(100, 150);} catch (e) {if (e.message === '余额不足') {alert('请先充值');}}
异步代码不能直接 try catch,要用 async/await 或 .catch()
Promise 和 async 函数里的错误不会被外层同步 try 捕获:
✅ 正确写法(async/await):try { await fetch(...) } catch (e) { ... }✅ 正确写法(Promise 链):fetch(...).then(...).catch(...)❌ 错误写法:try { fetch(...) } catch (e) { ... } —— fetch 返回 Promise,本身不抛错
基本上就这些。关键不是“有没有 try catch”,而是“在哪加、加多细、错后怎么兜底”。
以上就是javascript错误处理怎么做_try catch语句如何使用的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1542697.html
微信扫一扫
支付宝扫一扫