ECMAScript 2019 是 JavaScript 的最新版本，它为开发者带来了各种新的特性和增强。其中一个非常重要的特性是 try catch 语句，它使得在 JavaScript 中处理错误变得更加容易和可靠。
在本文中，我们将会介绍 try catch 的基本语法和常用用法，并且分享一些示例代码，帮助您更好地理解如何使用它。
try catch 基础语法
try catch 语句用于捕获并处理 JavaScript 中可能出现的错误和异常。它的语法如下：
try {
// 可能抛出错误的代码
} catch (error) {
// 处理错误的代码
}在 try 块中，我们写可能会出错的代码，并且使用 throw 关键字主动抛出错误。如果在 try 块中的代码抛出了错误，那么 catch 块中的代码就会被执行，以便处理这个错误并做出相应的响应。
在 catch 块中，我们使用 error 参数来接收捕获到的错误，并通过自己的代码来响应这个错误。可以在 catch 块中做任何您需要的事情，比如记录日志、发送错误报告、显示提示消息等等。
常用的 try catch 用法
下面是一些常用的 try catch 用法，希望对您有所帮助。
捕获所有错误
第一种用法是捕获所有可能出现的错误。在这种情况下，我们只需要在 try 块中写你的代码，但是不要使用 throw 关键字抛出错误。示例代码如下：
try {
// 可能出错的代码
} catch (error) {
// 处理错误的代码
}按类型捕获错误
第二种用法是按照错误类型捕获错误。在 JavaScript 中，有些内置类型的错误（比如 TypeError、SyntaxError、ReferenceError等）可以被捕获并处理，所以我们可以根据需要选择捕获哪些类型的错误。示例代码如下：
-- -------------------- ---- -------
--- -
-- ---------
- ----- ------- -
-- ------ ---------- ---------- -
-- ---------
- ---- -- ------ ---------- ------------ -
-- ---------
- ---- -
-- ---------
-
-在多个 try catch 块中处理错误
第三种用法是在多个 try catch 块中处理错误。这通常在一个函数中进行，其中每个 try 块对应一个可能抛出错误的代码块。对于每个 try 块，都有一个对应的 catch 块，以便我们可以分别处理这些错误。示例代码如下：
-- -------------------- ---- -------
-------- -------------- -
--- -
-- ---------- -
- ----- ------- -
-- ----------
-
--- -
-- ---------- -
- ----- ------- -
-- ----------
-
--- -
-- ---------- -
- ----- ------- -
-- ----------
-
-示例代码
下面是一些示例代码，以帮助您更好地理解 try catch 的用法和意义。
示例 1: 捕获错误并显示错误消息
这个示例演示了如何通过 try catch 捕获错误并显示一个错误消息。
try {
let x = y + 5;
} catch (error) {
console.log('An error occurred: ' + error.message);
}在这个例子中，我们定义了一个 let 变量 x，它在初始化期间需要使用 y 变量的值。但是，由于我们从未声明 y 变量，所以语句会抛出一个错误。
通过使用 try catch 语句，我们可以捕获这个错误并在控制台中显示一个错误消息。
示例 2: 捕获异步函数中的错误
这个示例演示了如何在异步函数中使用 try catch 来捕获错误。
-- -------------------- ---- -------
----- -------- ----------- -
--- -
----- -------- - ----- ---------------
----- ---- - ----- ----------------
------------------
- ----- ------- -
------------------ --------- - - ---------------
-
-在这个例子中，我们定义了一个异步函数 fetchData()，它使用 fetch 函数来获取一个 JSON 数据。然后，我们使用 try catch 语句来捕获可能的错误，例如网络错误或服务器错误。
如果没有错误发生，我们使用 console.log() 函数来打印 data 变量中的 JSON 数据。
示例 3: 自定义错误类型
这个示例演示了如何自定义错误类型，并在 try catch 块中根据错误类型进行不同的处理。
-- -------------------- ---- -------
----- ----------- ------- ----- -
---------------- -
-----------
-
--- ------ -
------ --------------
-
-
-------- ------------- -
----- --- --------------- ----- -----------
-
--- -
--------------
- ----- ------- -
-- ------ ---------- ------------ -
------------------------ --------- - - ---------------
- ---- -
------------------ ----- --------- - - ---------------
-
-在这个例子中，我们定义了一个自定义错误类型 CustomError，它继承了内置的 Error 类型。然后，我们定义了一个函数 doSomething()，它抛出一个 CustomError 类型的错误。
在 try catch 块中，我们捕获可能发生的错误，并检查错误的类型。如果错误类型是 CustomError，我们会输出一条专门的错误消息。
结论
使用 try catch 语句可以在您的 JavaScript 代码中轻松地捕获和处理错误，提高代码的可读性和健壮性。在编写代码时，请尽量避免在 try catch 语句块中执行复杂或昂贵的操作，这可能会导致性能问题。
希望本文能帮助您更好地理解 try catch 的用法和意义，提高您的 JavaScript 编程技能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66fb693744713626015c871f