作為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?？梢栽趙indow.onerror中記錄異常信息，方便生產環境診斷問題。例如：

window.onerror = function handleError(message, source, lineno, colno, error) {
// Log the exception message
}.

本例中，當頁面出現異常時會調用handleError函數，并將異常信息作為參數傳入。您可以在該函數中記錄異常信息，并發送給服務器進行分析。

結論

在 JavaScript 中，try…catch 是一個強大的異常處理工具。它可以幫助您診斷和調試代碼中的問題，并確保您的代碼在運行時處理異常。通過掌握這 10 個技巧，您可以更好地使用 try…catch 并編寫更健壯的代碼。