0

0

javascript中的错误如何捕获_try catch块怎么用?

紅蓮之龍

紅蓮之龍

发布时间:2025-12-26 17:29:15

|

142人浏览过

|

来源于php中文网

原创

javascript错误捕获主要靠try...catch语句,可捕获运行时错误(如referenceerror、typeerror等),但无法捕获syntaxerror等解析阶段错误;支持finally清理资源,throw可主动抛出error实例或自定义错误类。

javascript中的错误如何捕获_try catch块怎么用?

JavaScript 中的错误捕获主要靠 try...catch 语句,它能让你在代码出错时不中断整个程序,而是有控制地处理异常。

try catch 基本结构和用法

try 块里放可能出错的代码,catch 块接收并处理抛出的错误。如果 try 中没出错,catch 就不执行;一旦发生运行时错误(比如引用未定义变量、调用非函数值、网络请求失败等),就会跳转到 catch

基本写法:

try {
  // 可能出错的代码
  console.log(a); // a 未声明 → 抛出 ReferenceError
} catch (error) {
  // 错误处理逻辑
  console.log('出错了:', error.message);
}

catch 参数和常见错误类型

catch 后面的参数(如 error)是一个 Error 对象,通常包含 message(错误信息)、name(错误类型名)和 stack(调用)。常见内置错误类型包括:

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

一帧秒创
一帧秒创

基于秒创AIGC引擎的AI内容生成平台,图文转视频,无需剪辑,一键成片,零门槛创作视频。

下载
  • ReferenceError:引用了不存在的变量或常量
  • TypeError:操作了不支持该操作的数据类型,比如 null.toString()
  • SyntaxError:代码语法错误(但一般在解析阶段就报错,无法被 try catch 捕获)
  • RangeError:数值超出有效范围,比如递归太深、数组长度非法

注意:SyntaxError 和某些顶层语法错误(如 if ( 缺少括号)不能被 try...catch 捕获,因为它们发生在代码执行前的解析阶段。

可选的 finally 块

finally 块无论是否出错都会执行,适合做清理工作,比如关闭定时器、重置状态、释放资源等:

let timer = setTimeout(() => {}, 1000);
try {
  riskyOperation();
} catch (e) {
  console.error(e);
} finally {
  clearTimeout(timer); // 总会执行
}

主动抛出错误和自定义错误

throw 可以手动触发错误,配合 try...catch 实现业务逻辑控制:

  • 抛出字符串:throw '用户名不能为空'(不推荐,信息太简陋)
  • 抛出 Error 实例:throw new Error('用户名不能为空')(推荐,保留堆栈)
  • 抛出自定义错误类(继承 Error):便于区分错误类型和统一处理

例如:

class ValidationError extends Error {
  constructor(message) {
    super(message);
    this.name = 'ValidationError';
  }
}

try {
  if (!username) throw new ValidationError('用户名必填');
} catch (e) {
  if (e instanceof ValidationError) {
    alert(e.message);
  }
}

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

通义千问
通义千问

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

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

更多
数据类型有哪几种
数据类型有哪几种

数据类型有整型、浮点型、字符型、字符串型、布尔型、数组、结构体和枚举等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

336

2023.10.31

php数据类型
php数据类型

本专题整合了php数据类型相关内容,阅读专题下面的文章了解更多详细内容。

224

2025.10.31

c语言 数据类型
c语言 数据类型

本专题整合了c语言数据类型相关内容,阅读专题下面的文章了解更多详细内容。

138

2026.02.12

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

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

254

2023.09.22

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

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

1089

2024.03.01

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1566

2023.10.24

if什么意思
if什么意思

if的意思是“如果”的条件。它是一个用于引导条件语句的关键词,用于根据特定条件的真假情况来执行不同的代码块。本专题提供if什么意思的相关文章,供大家免费阅读。

846

2023.08.22

scripterror怎么解决
scripterror怎么解决

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

492

2023.10.18

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

3

2026.03.11

热门下载

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

精品课程

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

共58课时 | 6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

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

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