作为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
}).本例中，如果fetch或json方法返回异常，则传递给catch方法处理。
10. 使用 window.onerror
最后一个技巧是使用 window.onerror 全局捕获异常。当页面出现未处理的异常时，将调用 window.onerror。可以在window.onerror中记录异常信息，方便生产环境诊断问题。例如：
window.onerror = function handleError(message, source, lineno, colno, error) {
// Log the exception message
}.本例中，当页面出现异常时会调用handleError函数，并将异常信息作为参数传入。您可以在该函数中记录异常信息，并发送给服务器进行分析。
结论
在 JavaScript 中，try…catch 是一个强大的异常处理工具。它可以帮助您诊断和调试代码中的问题，并确保您的代码在运行时处理异常。通过掌握这 10 个技巧，您可以更好地使用 try…catch 并编写更健壮的代码。
