0

0

javascript如何错误处理_try catch怎么用

幻影之瞳

幻影之瞳

发布时间:2026-01-01 17:51:08

|

976人浏览过

|

来源于php中文网

原创

JavaScript的try...catch用于捕获同步运行时错误,防止脚本崩溃;支持catch捕获Error对象并推荐用message属性,finally确保清理代码执行;但无法捕获异步错误,需在回调或Promise中单独处理。

javascript如何错误处理_try catch怎么用

JavaScript 中的 try...catch 是最常用、最基础的同步错误处理机制,用来捕获并处理运行时错误,防止脚本崩溃。

基本用法:包裹可能出错的代码

把可能抛出异常的代码放进 try 块里,出错时自动跳转到 catch 块处理:

try {
  let result = someUndefinedFunction(); // 这里会报 ReferenceError
  console.log(result);
} catch (error) {
  console.error('出错了:', error.message); // 输出:出错了: someUndefinedFunction is not defined
}

注意:catch 参数(如这里的 error)是一个 Error 对象,通常有 messagenamestack 等属性,推荐优先用 error.message 获取简明错误信息。

可选:用 finally 做“无论成败都执行”的清理工作

finally 块总会执行,适合关闭连接、重置状态、隐藏 loading 等:

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

ChatDOC
ChatDOC

ChatDOC是一款基于chatgpt的文件阅读助手,可以快速从pdf中提取、定位和总结信息

下载
  • 即使 try 正常结束,finally 也执行
  • 即使 catch 捕获了错误,finally 也执行
  • 即使 trycatch 里写了 returnfinally 仍先执行
try {
  fetchData();
} catch (err) {
  console.error(err);
} finally {
  setLoading(false); // 保证 loading 状态被清除
}

进阶技巧:按错误类型分别处理

不是所有错误都该一视同仁。你可以用 instanceoferror.name 区分错误类型:

try {
  JSON.parse('{ "invalid": json }');
} catch (error) {
  if (error instanceof SyntaxError) {
    console.warn('JSON 格式错误,请检查输入');
  } else if (error.name === 'TypeError') {
    console.warn('类型不匹配,比如对 null 调用了方法');
  } else {
    console.error('其他未知错误:', error.message);
  }
}

常见错误类型包括:SyntaxErrorReferenceErrorTypeErrorRangeErrorURIError 等。

注意:try catch 只捕获同步错误

无法捕获异步错误(如 setTimeoutPromise 内部抛出的错误),除非你在异步回调内部自己加 try...catch

  • ❌ 错误写法(不会捕获):
    try {
          setTimeout(() => { throw new Error('异步错误'); }, 100);
        } catch (e) {
          console.log('这行不会执行');
        }
  • ✅ 正确写法(在回调内捕获):
    setTimeout(() => {
          try {
            throw new Error('异步错误');
          } catch (e) {
            console.error(e.message);
          }
        }, 100);
  • ✅ Promise 错误建议用 .catch()await + try...catch(配合 async 函数)

基本上就这些。用好 try...catch 不复杂,但容易忽略异步场景和错误分类,实际开发中搭配 console.error 和监控上报,能大幅提升健壮性。

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

更多
scripterror怎么解决
scripterror怎么解决

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

493

2023.10.18

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

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

382

2023.10.25

console接口是干嘛的
console接口是干嘛的

console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

420

2023.08.08

console.log是什么
console.log是什么

console.log 是 javascript 函数,用于在浏览器控制台中输出信息,便于调试和故障排除。想了解更多console.log的相关内容,可以阅读本专题下面的文章。

543

2024.05.29

promise的用法
promise的用法

“promise” 是一种用于处理异步操作的编程概念,它可以用来表示一个异步操作的最终结果。Promise 对象有三种状态:pending(进行中)、fulfilled(已成功)和 rejected(已失败)。Promise的用法主要包括构造函数、实例方法(then、catch、finally)和状态转换。

337

2023.10.12

html文本框类型介绍
html文本框类型介绍

html文本框类型有单行文本框、密码文本框、数字文本框、日期文本框、时间文本框、文件上传文本框、多行文本框等等。详细介绍:1、单行文本框是最常见的文本框类型,用于接受单行文本输入,用户可以在文本框中输入任意文本,例如用户名、密码、电子邮件地址等;2、密码文本框用于接受密码输入,用户在输入密码时,文本框中的内容会被隐藏,以保护用户的隐私;3、数字文本框等等。

429

2023.10.12

TypeScript类型系统进阶与大型前端项目实践
TypeScript类型系统进阶与大型前端项目实践

本专题围绕 TypeScript 在大型前端项目中的应用展开,深入讲解类型系统设计与工程化开发方法。内容包括泛型与高级类型、类型推断机制、声明文件编写、模块化结构设计以及代码规范管理。通过真实项目案例分析,帮助开发者构建类型安全、结构清晰、易维护的前端工程体系,提高团队协作效率与代码质量。

68

2026.03.13

Python异步编程与Asyncio高并发应用实践
Python异步编程与Asyncio高并发应用实践

本专题围绕 Python 异步编程模型展开,深入讲解 Asyncio 框架的核心原理与应用实践。内容包括事件循环机制、协程任务调度、异步 IO 处理以及并发任务管理策略。通过构建高并发网络请求与异步数据处理案例,帮助开发者掌握 Python 在高并发场景中的高效开发方法,并提升系统资源利用率与整体运行性能。

108

2026.03.12

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

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

324

2026.03.11

热门下载

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

精品课程

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

共58课时 | 6.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.5万人学习

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号