0

0

javascript如何进行错误处理_try catch如何使用【教程】

幻影之瞳

幻影之瞳

发布时间:2026-01-27 13:37:56

|

660人浏览过

|

来源于php中文网

原创

try...catch仅捕获同步运行时错误,如throw、undefined属性访问、非法函数调用、JSON.parse异常;无法捕获异步错误、语法错误、未处理Promise拒绝等。

javascript如何进行错误处理_try catch如何使用【教程】

JavaScript 的 try...catch 不是万能兜底方案,它只捕获同步执行中的运行时错误,对异步错误、语法错误、Promise 拒绝(未加 .catch())或 console.error 都无能为力。

哪些错误能被 try...catch 捕获

仅限当前执行中抛出的同步异常,比如:

  • throw new Error('oops')
  • 访问 undefined 的属性:let a; a.b.c
  • 调用非函数值:let fn = null; fn()
  • JSON.parse('invalid json')

注意:setTimeout(() => { throw new Error('async') }) 这类异步抛出的错误,try...catch 完全抓不到。

catch 块里该做什么

不要只写 console.log(err) 就完事。实际开发中建议:

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

动态WEB网站中的PHP和MySQL:直观的QuickPro指南第2版
动态WEB网站中的PHP和MySQL:直观的QuickPro指南第2版

动态WEB网站中的PHP和MySQL详细反映实际程序的需求,仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法,让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能,对常用的、强大的包

下载
  • 检查 err.nameerr.message,而非只依赖 err.toString()
  • 对已知可恢复错误(如网络超时、格式错误)做针对性处理,比如重试或提示用户修正输入
  • 避免在 catch 中再抛出未处理的新错误,除非你明确要向上冒泡
  • 必要时记录上下文:当前函数名、关键变量值(脱敏后)、时间戳

示例:

try {
  const data = JSON.parse(input);
  process(data);
} catch (err) {
  if (err.name === 'SyntaxError') {
    showUserMessage('输入格式不正确,请检查 JSON 格式');
  } else {
    reportErrorToMonitor(err, { context: 'parseInput' });
  }
}

finally 不是“一定会执行”的保险箱

finally 块在 trycatch 执行完毕后运行,但有三个常见例外:

  • 页面被强制关闭(用户关掉标签页 / 浏览器崩溃)
  • 脚本被外部中断(如开发者工具中点击“暂停脚本”并终止)
  • process.exit()(Node.js 环境)或 self.close()(Worker 中)

所以别把关键清理逻辑(如释放锁、关闭连接)只放在 finally 里——尤其在 Web Worker 或 Node.js 长任务中,得配合超时或心跳机制兜底。

真正难处理的是跨异步边界和跨上下文的错误,比如 fetch 失败、addEventListener 回调里的异常、第三方 SDK 内部抛错——这些得靠 window.onerrorwindow.onunhandledrejectionprocess.on('uncaughtException') 等机制补位,而不是指望一个 try...catch 块。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

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

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

418

2023.08.07

json是什么
json是什么

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

535

2023.08.23

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

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

311

2023.10.13

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

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

77

2025.09.10

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

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

235

2023.09.22

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

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

438

2024.03.01

scripterror怎么解决
scripterror怎么解决

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

208

2023.10.18

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

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

295

2023.10.25

Python 自然语言处理(NLP)基础与实战
Python 自然语言处理(NLP)基础与实战

本专题系统讲解 Python 在自然语言处理(NLP)领域的基础方法与实战应用,涵盖文本预处理(分词、去停用词)、词性标注、命名实体识别、关键词提取、情感分析,以及常用 NLP 库(NLTK、spaCy)的核心用法。通过真实文本案例,帮助学习者掌握 使用 Python 进行文本分析与语言数据处理的完整流程,适用于内容分析、舆情监测与智能文本应用场景。

10

2026.01.27

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.2万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.5万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号