讲师中心 微信公众号
AI工具推荐 视频效率加速

javascript错误处理如何完善_try catch能捕获哪些异常

陌强姑娘_5947

陌强姑娘_5947

发布时间:2025-12-22 16:53:24

|

265人浏览过

|

来源于php中文网

原创

try catch 仅能捕获同步运行时错误,如 throw、ReferenceError、TypeError、JSON.parse 失败等;无法捕获异步错误、语法错误、未处理 Promise rejection 和全局资源错误,需配合 unhandledrejection、error 事件及 async/await catch 等机制完善错误处理。

javascript错误处理如何完善_try catch能捕获哪些异常

try catch 主要捕获同步执行中抛出的异常,无法捕获异步错误、语法错误、Promise 拒绝(未处理的 rejection)和全局错误(如未捕获的 promise rejection 或 script error)。 完善 JavaScript 错误处理不能只靠 try catch,需分场景组合使用多种机制。

哪些异常能被 try catch 捕获

仅限当前执行栈中同步抛出的运行时错误,例如:

  • throw new Error('xxx')
  • 引用未声明变量(ReferenceError)
  • 调用非函数值(TypeError)
  • 数组越界访问(部分情况,如 arr[0].toString() 中 arr 为 null)
  • JSON.parse 解析失败(SyntaxError)

注意:语法错误(如缺少括号、错写 const)在代码加载/解析阶段就报错,根本不会进入 try catch 执行流程,因此无法捕获。

哪些异常 try catch 捕获不到

以下常见错误类型不会进入 catch 块:

Json Schema Toolkit
Json Schema Toolkit

使用 JSON Schema 验证 JSON 数据,从示例 JSON 生成 schema,并将其转换为 TypeScript 接口、Python 数据类或 Markdown 文档。

下载

立即学习“Java免费学习笔记(深入)”;

  • 异步回调中的错误:如 setTimeout(() => { throw 'boom' }, 0) —— 运行在新执行上下文中
  • 未处理的 Promise rejection:如 Promise.reject('fail') 且没接 .catch() 或 await
  • 事件处理器内的未捕获错误:如 btn.addEventListener('click', () => { badFunc(); })
  • 资源加载失败:如 <script src="404.js"></script> 触发的 error 事件

完善错误处理的实用组合方案

覆盖更多错误场景,建议按优先级补充:

  • Promise 错误统一捕获:全局监听 unhandledrejection 事件
    window.addEventListener('unhandledrejection', e => { console.error('Promise rejected:', e.reason); });
  • 全局同步错误兜底:监听 error 事件捕获未被捕获的运行时错误
    window.addEventListener('error', e => { console.error('Global error:', e.error); });
  • 异步操作显式处理:对 setTimeout、setInterval、事件回调等包裹 try catch(虽不推荐层层嵌套,但关键路径可加)
  • async/await 必配 catch:所有 await 后的操作都应有 try/catch 或链式 .catch()

实际开发中的建议做法

不要把 try catch 当万能胶水。重点放在:

  • 只在可能出错且你能处理的地方用 try catch(比如 JSON.parse、外部 API 调用、用户输入解析)
  • 避免空 catch:至少记录日志或上报错误,而不是静默吞掉
  • 区分错误类型做不同响应:网络错误重试,校验错误提示用户,系统错误降级或告警
  • 前端错误监控接入 Sentry / Web Vitals 等工具,结合 source map 定位真实问题

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

LibLibAI
LibLibAI Hot

一款AI视频创作工具,主要用于国内领先的AI创意平台,以海量模型、低门槛操作与“创作-分享-商业化”生态,让小白与专业创作者都能高效实现图文乃至视频创意表达,适合需要提升相关任务效率的用户。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

1995

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2762

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

956

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

3119

2025.09.10

c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

529

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

1658

2024.03.01

scripterror怎么解决
scripterror怎么解决

scripterror的解决办法有检查语法、文件路径、检查网络连接、浏览器兼容性、使用try-catch语句、使用开发者工具进行调试、更新浏览器和JavaScript库或寻求专业帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

909

2023.10.18

500error怎么解决
500error怎么解决

500error的解决办法有检查服务器日志、检查代码、检查服务器配置、更新软件版本、重新启动服务、调试代码和寻求帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2480

2023.10.25

PDF转图片方法
PDF转图片方法

需要把 PDF 页面用于上传、预览、分享或图片归档时,PDF 转图片方法专题整理 JPG/PNG 格式选择、逐页导出、清晰度设置、批量下载和结果检查等流程,帮助用户稳定完成 PDF 图片化处理。

0

2026.09.30

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn