怎么使用try_catch_finally捕获并处理运行期异常
时间:2026-05-04 09:39:47 423浏览 收藏
本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的,希望这篇《怎么使用try_catch_finally捕获并处理运行期异常》对你有很大帮助!欢迎收藏,分享给更多的需要的朋友学习~
JavaScript 中不存在 try_catch_finally 语法,正确写法是独立的 try { } catch (e) { } finally { } 结构;catch 需手动判断异常类型;finally 总会执行但可能覆盖返回值;应谨慎使用,避免滥用和空捕获。

try_catch_finally 在 JavaScript 中根本不存在
JavaScript 没有 try_catch_finally 这个语法结构,这是常见误解。真实语法是 try、catch、finally 三部分组合,但它们之间**不能用下划线连接**,也不能写成单个标识符。写成 try_catch_finally 会直接报 SyntaxError: Unexpected token '_' 。
- 正确写法必须是独立语句块:
try { ... } catch (e) { ... } finally { ... } catch参数名(如e)不是关键字,可改用err、error等,但必须带括号finally块可省略,但catch和finally不能同时缺失——即try后至少得跟一个- Chrome / Firefox / Safari 等现代引擎对
catch参数作用域处理一致:ES2019 起默认为块级作用域,不污染外层
catch 块里怎么判断异常类型
JavaScript 的 catch 不支持像 Java 那样按类多分支捕获(如 catch (TypeError e)),所有异常都进同一个 catch,需手动判断。
- 优先检查
err instanceof TypeError、err instanceof ReferenceError—— 对原生错误最可靠 - 注意
err.constructor.name === 'TypeError'可作为备选,但自定义错误或跨 iframe 时可能失效 - 不要只靠
typeof err === 'object'或err.message字符串匹配,易误判(比如throw "oops"会抛出字符串,不是Error实例) - 若需统一处理非
Error值,可先用if (!(err instanceof Error)) err = new Error(String(err))标准化
finally 执行时机和 return 冲突问题
finally 总会在 try 或 catch 块退出前执行,哪怕遇到 return、throw 或 process.exit()(Node.js)也不会跳过——但它的执行可能覆盖返回值。
- 如果
try里有return 1,finally里有return 2,函数最终返回2(finally的return优先生效) - 更隐蔽的情况:
try返回对象引用,finally修改该对象属性,调用方看到的就是被改后的状态 - Node.js 中
process.exit()会终止进程,finally可能来不及执行;浏览器中window.close()同理 - 异步操作(如
fetch、setTimeout)不在finally控制范围内——它只管同步代码流程
实际场景中该不该用 try...catch...
不是所有地方都适合加 try/catch。滥用会导致错误静默、调试困难,或掩盖本该冒泡的严重问题。
- 适合:已知可能失败且有明确恢复策略的操作,如
JSON.parse(input)、localStorage.getItem(key)(可能抛QuotaExceededError)、动态import()加载模块 - 不适合:包装整个事件回调(如
button.addEventListener('click', () => { try { ... } catch {...} })),这会让逻辑断裂,应让错误自然上报给开发者工具 - 避免空
catch块(catch(e) {}),至少记录console.error(e)或上报监控系统 - 在 Promise 链中,优先用
.catch()而非try/catch包裹await,除非你需要在中间做同步处理
文中关于的知识介绍,希望对你的学习有所帮助!若是受益匪浅,那就动动鼠标收藏这篇《怎么使用try_catch_finally捕获并处理运行期异常》文章吧,也可关注golang学习网公众号了解相关技术文章。
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
167 收藏
-
457 收藏
-
331 收藏
-
340 收藏
-
118 收藏
-
386 收藏
-
399 收藏
-
230 收藏
-
328 收藏
-
406 收藏
-
262 收藏
-
418 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 485次学习