Try..Catch 不能捕获的错误有哪些？注意事项又有哪些？
发布时间：2025-11-05 12:16:45 来源：创站工坊 作者：域名
本文已经原作者 Ashish Lahoti 授权翻译。不能捕获
今天的注意内容中，我们来学习一下使用try、事项catch、不能捕获finally和throw进行错误处理。注意我们还会讲一下 JS 中内置的事项错误对象(Error, SyntaxError, ReferenceError等)以及如何定义自定义错误。
1.使用 try..catch..finally..throw
在 JS 中处理错误，不能捕获我们主要使用try、注意catch、事项finally和throw关键字。不能捕获
try块包含我们需要检查的注意代码 关键字throw用于抛出自定义错误 catch块处理捕获的错误 finally 块是最终结果无论如何，都会执行的事项一个块，可以在这个块里面做一些需要善后的不能捕获事情1.1 try
每个try块必须与至少一个catch或finally块，否则会抛出SyntaxError错误。注意
我们单独使用try块进行验证：
try { throw new Error(Error while executing the code); } ⓧ Uncaught SyntaxError: Missing catch or finally after try1.2 try..catch
建议将try与catch块一起使用，事项它可以优雅地处理try块抛出的错误。
try { throw new Error(Error while executing the code); } catch (err) { console.error(err.message); } ➤ ⓧ Error while executing the code1.2.1 try..catch 与 无效代码
try..catch 无法捕获无效的 JS 代码，例如try块中的以下代码在语法上是错误的，但它不会被catch块捕获。
try { ~!$%^&* } catch(err) { console.log("这里不会被执行"); } ➤ ⓧ Uncaught SyntaxError: Invalid or unexpected token1.2.2 try..catch 与 异步代码
同样，try..catch无法捕获在异步代码中引发的异常，免费信息发布网例如setTimeout：
try { setTimeout(function() { noSuchVariable; // undefined variable }, 1000); } catch (err) { console.log("这里不会被执行"); }未捕获的ReferenceError将在1秒后引发:
➤ ⓧ Uncaught ReferenceError: noSuchVariable is not defined所以 ，我们应该在异步代码内部使用 try..catch 来处理错误：
setTimeout(function() { try { noSuchVariable; } catch(err) { console.log("error is caught here!"); } }, 1000);1.2.3 嵌套 try..catch
我们还可以使用嵌套的try和catch块向上抛出错误，如下所示：
try { try { throw new Error(Error while executing the inner code); } catch (err) { throw err; } } catch (err) { console.log("Error caught by outer block:"); console.error(err.message); } Error caught by outer block: ➤ ⓧ Error while executing the code1.3 try..finally
不建议仅使用 try..finally 而没有 catch 块，看看下面会发生什么：
try { throw new Error(Error while executing the code); } finally { console.log(finally); } finally ➤ ⓧ Uncaught Error: Error while executing the code这里注意两件事：
即使从try块抛出错误后，也会执行finally块 如果没有catch块，错误将不能被优雅地处理，从而导致未捕获的错误1.4 try..catch..finally
建议使用try...catch块和可选的finally块。
try { console.log("Start of try block"); throw new Error(Error while executing the code); console.log("End of try block -- never reached"); } catch (err) { console.error(err.message); } finally { console.log(Finally block always run); } console.log("Code execution outside try-catch-finally block continue.."); Start of try block ➤ ⓧ Error while executing the code Finally block always run Code execution outside try-catch-finally block continue..这里还要注意两件事：
在try块中抛出错误后往后的代码不会被执行了 即使在try块抛出错误之后，finally块仍然执行finally块通常用于清理资源或关闭流，如下所示：
try { openFile(file); readFile(file); } catch (err) { console.error(err.message); } finally { closeFile(file); }1.5 throw
throw语句用于引发异常。
throw <expression> // throw primitives and functions throw "Error404"; throw 42; throw true; throw {toString: function() { return "Im an object!"; } }; // throw error object throw new Error(Error while executing the code); throw new SyntaxError(Something is wrong with the syntax); throw new ReferenceError(Oops..Wrong reference); // throw custom error object function ValidationError(message) { this.message = message; this.name = ValidationError; } throw new ValidationError(Value too high);2. 异步代码中的错误处理
对于异步代码的错误处理可以Promise和async await。
2.1 Promise 中的 then..catch
我们可以使用then()和catch()链接多个 Promises，以处理链中单个 Promise 的错误，如下所示：
Promise.resolve(1) .then(res => { console.log(res); // 打印 1 throw new Error(something went wrong); // throw error return Promise.resolve(2); // 这里不会被执行 }) .then(res => { // 这里也不会执行，因为错误还没有被处理 console.log(res); }) .catch(err => { console.error(err.message); // 打印 something went wrong return Promise.resolve(3); }) .then(res => { console.log(res); // 打印 3 }) .catch(err => { // 这里不会被执行 console.error(err); })我们来看一个更实际的示例，其中我们使用fetch调用API，该 API 返回一个promise对象，我们使用catch块优雅地处理 API 失败。
function handleErrors(response) { if (!response.ok) { throw Error(response.statusText); } return response; } fetch("http://httpstat.us/500") .then(handleErrors) .then(response => console.log("ok")) .catch(error => console.log("Caught", error)); Caught Error: Internal Server Error at handleErrors (<anonymous>:3:15)2.2 try..catch 和 async await
在 async await 中 使用try..catch 比较容易：
(async function() { try { await fetch("http://httpstat.us/500"); } catch (err) { console.error(err.message); } })();让我们看同一示例，其中我们使用fetch调用API，该API返回一个promise对象， 我们使用try..catch块优雅地处理API失败。
function handleErrors(response) { if (!response.ok) { throw Error(response.statusText); } } (async function() { try { let response = await fetch("http://httpstat.us/500"); handleErrors(response); let data = await response.json(); return data; } catch (error) { console.log("Caught", error) } })(); Caught Error: Internal Server Error at handleErrors (<anonymous>:3:15) at <anonymous>:11:73. JS 中的亿华云计算内置错误
3.1 Error
JavaScript 有内置的错误对象，它通常由try块抛出，并在catch块中捕获，Error 对象包含以下属性：
name：是错误的名称，例如 “Error”, “SyntaxError”, “ReferenceError” 等。 message：有关错误详细信息的消息。 stack：是用于调试目的的错误的堆栈跟踪。我们创建一个Error 对象，并查看它的名称和消息属性:
const err = new Error(Error while executing the code); console.log("name:", err.name); console.log("message:", err.message); console.log("stack:", err.stack); name: Error message: Error while executing the code stack: Error: Error while executing the code at <anonymous>:1:13JavaScript 有以下内置错误，这些错误是从 Error 对象继承而来的
3.2 EvalError
EvalError 表示关于全局eval()函数的错误，这个异常不再由 JS 抛出，它的存在是为了向后兼容。
3.3 RangeError
当值超出范围时，将引发RangeError。
➤ [].length = -1 ⓧ Uncaught RangeError: Invalid array length3.4 ReferenceError
当引用一个不存在的变量时，将引发 ReferenceError。
➤ x = x + 1; ⓧ Uncaught ReferenceError: x is not defined3.5 SyntaxError
当你在 JS 代码中使用任何错误的语法时，服务器租用都会引发SyntaxError。
➤ function() { return Hi! } ⓧ Uncaught SyntaxError: Function statements require a function name ➤ 1 = 1 ⓧ Uncaught SyntaxError: Invalid left-hand side in assignment ➤ JSON.parse("{ x }"); ⓧ Uncaught SyntaxError: Unexpected token x in JSON at position 23.6 TypeError
如果该值不是预期的类型，则抛出TypeError。
➤ 1(); ⓧ Uncaught TypeError: 1 is not a function ➤ null.name; ⓧ Uncaught TypeError: Cannot read property name of null3.7 URIError
如果以错误的方式使用全局 URI 方法，则会抛出URIError。
➤ decodeURI("%%%"); ⓧ Uncaught URIError: URI malformed4. 定义并抛出自定义错误我们也可以用这种方式定义自定义错误。
class CustomError extends Error { constructor(message) { super(message); this.name = "CustomError"; } }; const err = new CustomError(Custom error while executing the code); console.log("name:", err.name); console.log("message:", err.message); name: CustomError message: Custom error while executing the code我们还可以进一步增强CustomError对象以包含错误代码
class CustomError extends Error { constructor(message, code) { super(message); this.name = "CustomError"; this.code = code; } }; const err = new CustomError(Custom error while executing the code, "ERROR_CODE"); console.log("name:", err.name); console.log("message:", err.message); console.log("code:", err.code); name: CustomError message: Custom error while executing the code code: ERROR_CODE在try..catch块中使用它：
try{ try { null.name; }catch(err){ throw new CustomError(err.message, err.name); //message, code } }catch(err){ console.log(err.name, err.code, err.message); }CustomError TypeError Cannot read property name of null
本文转载自微信公众号「大迁世界」，可以通过以下二维码关注。转载本文请联系大迁世界公众号。
- 探索三洋全自动洗衣机的出色表现（高性能与智能化的完美结合，畅享洗衣新体验）
- 振华绿蝶400（高效环保，让你出行更轻松）
- 探索Takara的品牌魅力（Takara的创新、质量和设计将让你为之着迷）
- 以威的电器品质如何？（全面评估以威电器的性能、价格和用户评价）
- 探索索尼65X9500B的卓越表现（揭开索尼65X9500B的震撼画质与强大功能）
- 苹果864g的质量如何？（解析苹果864g的性能和用户评价）
- 全民狼人杀（玩转狼人杀，逐梦游戏世界）
- 香港市场上销售索尼手机的情况（索尼手机在香港的销售表现及市场前景展望）
- 以盛世阳光颈肩按摩器，舒缓疲劳，享受健康（适用于全家人的高品质按摩器）
- 电脑网游脚本错误代码解析（探究电脑打网游脚本错误的原因及解决方法）
- Linux 由于开源，所以具备可定制性，因此衍生了许多发行版。Ubuntu 和 Fedora 算是其中对新手比较友好的两个发行版，主要是其安装较为简单，用户群多，有问题方便搜索出相关的信息或者找前辈解决。此文为 Linux 新手准备，通过展示整个安装过程来使 Linxu 新手完成安装 Ubuntu 或 Fedora ，也恳请各位前辈指出不足之处。阅读建议 本文将包含 Ubuntu 和 Fedora 两个发行版的安装，请先通篇浏览全文，再决定安装哪个发行版，并且配图有相应的文字说明，请不要忽视。 假如你是一位新手，强烈建议使用虚拟机操作；假如你相信自己可以解决问题，也可使用 ultraiso 、USBWriter 和 dd命令写入 U 盘，进行实体机安装，此处不详述。Ubuntu简介Ubuntu 是一个基于 Debian 的 GNU/Linux 操作系统，支持 X86 、64以及 PPC 架构。Ubuntu 每隔六个月发布一个版本，即每年的四月和十月，本文使用的是 15.04 64-bit 版本。Ubuntu 对于新手应该是比较友好的一个 Linux 发行版，中文本地化也做的不错，有开箱即用的感觉。因为 Ubuntu 近几年用户群的增加，多了很多对于新手有用的资料，因此不用担心遇到问题无法解决，善用搜索和提问，将使你更快速地成长。Fedora简介Fedora 是一个由 Fedora 社区开发的 Linux 发行版，由 Red Hat 公司赞助。可以将 Fedora 看成是 Red Hat Linux 个人使用的代替，由于有 Red Hat 公司的支持，Fedora 的功能非常完善，还分为 WORKSTATION 、SERVER 和 CLOUD 版本。本文使用的是 Fedora 22 WORKSTATION （工作站），Fedora 22 已经将包管理器从 YUM 改为 DNF ，因此建议学习者直接学习 DNF 。本文环境 Windows 8.1 64-bit VirtualBox-5.0 点此下载 Ubuntu 15.04 64-bit 点此下载 Ubuntu 15.04 32-bit 适合配置较低的用户使用 点此下载 Fedora 22 64-bit 点此下载 Fedora 22 32-bit 适合配置较低用户使用 点此下载Ubuntu 安装1.新建与加载盘片当你安装完 VirtualBox 后，打开你应该会看到下面这样的界面VirutalBox点击新建后会出来如下图所示的界面，一般如图填写即可，内存可酌情填写。新建虚拟电脑下一步将创建虚拟硬盘，如图所示，默认位置为 C 盘，假如你不想在 C 盘创建，请确保你选择的盘格式为NTFS。创建虚拟硬盘创建完成后，请点 设置 如图加载 ISO 文件加载 ISO 文件2.安装 Ubuntu点击启动 ，会开机，进入如下界面开始安装安装选项这里请注意，假如你与笔者一样使用虚拟机，强烈建议选择 清除整个磁盘并安装 Ubuntu ，但假如你要装到实体机与 Windows 形成双系统时，请选择 其他选项 ，但这要求你对 Linxu 有一定的了解且具备一定的基础进行分区操作，注意不要覆盖 Windows 的 C 盘，此处由于篇幅原因，不再详述。安装类型如图，进行用户设定，计算机名 是主机名，用户名 是登录时用的账户名称，密码 则是你所设 用户名 的登录密码，请务必记牢。添加用户这一步之后会选择时区，直接点下一步即可，键盘选择如下图选择键盘布局配置选择已完成，接下来请耐心等待安装过程，如图，请不要点击 SKIP安装中耐心等待安装完成，然后会重启进入系统，用你上面配置的用户名和密码登录，请注意最好不要登录 root ，你可以用 sudo 命令来获取相应的权限，下图是展示成果：安装完成
- 百度专送的服务优势及用户体验（深入探究百度专送的便利性与可靠性）
- 揭秘安卓中毒的陷阱（小心！保护你的安卓设备免受恶意软件侵害）
- 语义错误张宰英电脑壳的设计与研发（突破常规，创新科技——语义错误张宰英电脑壳的未来发展）
- VivoXplay6（探索VivoXplay6在音乐体验方面的绝佳表现）
- 499元当当阅读器的特点和优势（便携轻巧，功能强大，让阅读更加愉快）
- 英菲克i8（创新科技与卓越性能的完美结合）
- 艺龙旅行抢票攻略（一键抢票，畅享行程）
- 三星840Pro128固态硬盘的性能和优势（探究三星840Pro128固态硬盘的速度、可靠性和耐久性）
- 电脑表格上方打字教程（掌握电脑表格上方打字，轻松应对高效数据输入）
随便看看
香港云服务器亿华云益华科技服务器租用IT资讯网IT技术网企商汇源码下载源码库益强智囊团亿华互联科技前瞻码力社益强科技思维库多维IT资讯运维纵横益华科技技术快报亿华科技亿华云亿华云计算码上建站极客码头益强前沿资讯益华IT技术论坛益强IT技术网益强编程堂益强资讯优选IT资讯网益强科技益华科技智能时代益强智未来编程之道益强数据堂汇智坊极客编程亿华灵动创站工坊全栈开发益强编程舍亿华智造云智核亿华智慧云
- Copyright © 2025 Powered by Try..Catch 不能捕获的错误有哪些？注意事项又有哪些？,创站工坊 滇ICP备2023006006号-44sitemap