10 个在 JavaScript 中使用 try…catch 的技巧

JavaScript12个月前发布 admin

1,959 0 7

作为Web前端工程师，JavaScript try…catch是我们使用的功能之一。

try….catch 可以捕获代码中的异常并防止应用程序崩溃。但是 try…catch 不仅仅只是捕获异常。在本文中，我将分享 10 个使用 try…catch 技巧的有用技巧，让您更轻松地处理异常。

1.捕获所有异常

如果要捕获代码中所有可能的异常，可以使用不带参数的 catch 块。例如

try {
// code that may throw an exception
} catch {
// code that handles all exceptions
}

这种方法将捕获所有异常，包括语法错误、运行时错误和自定义错误。但是，在生产环境中使用时，建议具体指定要捕获的异常类型，以便更好地诊断问题。

2.捕获特定类型的异常

如果只想捕获特定类型的异常，可以在 catch 块中使用条件语句。例如，下面的代码块只会捕获 TypeError 异常：

try {
// code that may throw a TypeError exception
} catch (error) {
if (error instanceof TypeError) {
// code that handles TypeError exceptions
}
}

您还可以使用 switch 语句检查异常类型：

try {
// code that may throw an exception
} catch (error) {
switch (error.constructor) {
case TypeError.
// Code to handle TypeError exceptions
break.
case RangeError.
// Code to handle RangeError exceptions
break.
// …
}
}

3.捕捉异步异常

如果您使用异步代码，您可能需要在异步代码中捕获异常。例如，以下代码块使用 Promise 异步加载资源：

try {
const resource = await fetch(“/resource”).
// the code to handle the resource
} catch (error) {
// code to handle exceptions
}

如果在异步操作期间发生异常，它将被传递到 catch 块。但是，如果您不使用 try…catch 来捕获异常，它将被视为未处理的异常。

4.finally块中清理资源

如果您正在使用需要手动清理的资源（例如文件句柄或网络连接），您可以在 finally 块中执行此操作。 finally 块中的代码无论try 块中是否发生异常都会执行。例如

let resource.
try {
resource = acquireResource().
// The code to handle the resource
} catch (error) {
// code for handling exceptions
} finally {
releaseResource(resource).
}

5.抛出异常

try…catch 不仅可以捕获异常，还可以抛出异常。您可以使用 throw 语句在代码中手动抛出异常。例子：

function divide(a, b) {
if (b === 0) {
throw new Error(“The divisor cannot be zero”).
}
return a / b.
}

如果 b divide 函数的值为 0，则会抛出异常并显示错误信息。您可以使用 try…catch it 来捕获异常并执行适当的操作。

6.在异常中传递附加信息

抛出异常时，可以传递一些额外的信息来帮助调试问题。例如

function divide(a, b) {
if (b === 0) {
throw new Error(“Divide cannot be zero”, { a, b }).
}
return a / b.
}

在此示例中，当除数为零时，异常对象包含 a 和 b 的值。当您捕获此异常时，您可以访问这些值并执行适当的操作。

7. 抛回异常

有时，在处理异常时，需要重新抛出异常，让更高层的代码来处理。您可以使用 throw 语句重新抛出异常。例如

try {
// code that may throw an exception
} catch (error) {
// code that handles exceptions
throw error.
}

在这个例子中，异常被重新抛出并传递给调用函数进行处理。

8. 捕获错误并忽略它们

有时，在调试代码时，您可能希望暂时忽略一些错误。您可以使用空的 catch 代码块来忽略异常。例如

try {
// code that may throw an exception
} catch {
// Ignore exceptions
}

但是，不建议在生产环境中使用这种方法。在生产环境中忽略异常可能会导致代码出现不可预测的行为。

9. 使用 Promise.catch 方法

如果您将 Promise 用于异步代码，则可以使用 Promise.catch 方法来捕获异常。例如

fetch(“/resource”)
.then((response) => response.json())
.then((data) => {
// code to process the data
})
.catch((error) => {
// code for handling exceptions
}).