try…catch用于捕獲和處理JavaScript中同步代碼的運行時錯誤，防止程序崩潰。其結構為：try {執行可能出錯的代碼} catch (Error) {處理錯誤}，若try無錯誤則catch不執行；例如訪問未定義變量時可捕獲異常并輸出錯誤信息；javascript常見錯誤類型包括error、typeerror、referenceerror、syntaxerror（無法被捕獲）、rangeerror等，可通過error.name或instanceof區分；finally塊無論是否發生錯誤都會執行，適合用于資源清理；異步錯誤需結合promise或async/await使用try…catch，或用.catch()處理，直接在settimeout等異步回調中拋出的錯誤無法被try…catch捕獲。合理使用try…catch能提升代碼健壯性，但不應濫用以免掩蓋潛在問題。
在 JavaScript 中，try…catch 的作用是用來捕獲和處理代碼中可能發生的運行時錯誤（也就是異常），防止程序因為一個錯誤而崩潰。它并不能捕獲語法錯誤或異步錯誤（比如在 setTimeout 里的錯誤），但對大多數同步邏輯中的異常非常有用。
基本結構：try 和 catch 是怎么配合的？
try…catch 的基本寫法如下：
try { // 可能會出錯的代碼 } catch (error) { // 出錯后的處理邏輯 }
- try 塊里放你認為可能會出錯的代碼。
- catch 塊會在 try 中的代碼拋出錯誤時執行，并接收到一個錯誤對象（通常命名為 error 或 err）。
- 如果 try 中沒有錯誤發生，catch 就不會執行。
舉個例子：
try { console.log(undefinedVariable); // 這個變量未定義 } catch (err) { console.log("出錯了:", err.message); }
這樣即使訪問了未定義的變量，程序也不會直接崩潰，而是可以優雅地處理這個錯誤。
錯誤類型有哪些？怎么區分不同錯誤？
JavaScript 中常見的內置錯誤類型包括：
- Error：通用錯誤類型，其他錯誤都繼承自它
- TypeError：操作了一個不可能的數據類型
- ReferenceError：引用了不存在的變量
- SyntaxError：語法錯誤（注意：這類錯誤無法被 try/catch 捕獲）
- RangeError：數值超出允許范圍
雖然 try…catch 捕獲的是 Error 對象，但你可以通過判斷 error.name 來識別具體錯誤類型：
try { undefinedFunction(); // 調用不存在的函數 } catch (err) { if (err instanceof TypeError) { console.log("這是一個類型錯誤"); } else { console.log("未知錯誤:", err.name); } }
這種方式適合在復雜項目中做更精細的錯誤處理。
finally 是干嘛的？什么時候用？
finally 是 try…catch 的可選部分，無論有沒有錯誤都會執行。常用于清理資源、關閉連接等操作。
try { // 打開文件或網絡請求 } catch (err) { // 處理錯誤 } finally { // 關閉文件或釋放資源 }
比如在加載數據后無論成功還是失敗都需要隱藏 loading 動畫，就可以放在 finally 里：
showLoading(); try { const data = fetchData(); // 假設這是獲取數據的方法 } catch (err) { showErrorNotification(); } finally { hideLoading(); // 不管怎樣都要關閉 loading }
異步代碼中的錯誤怎么處理？
前面說了，try…catch 不能直接捕獲異步回調中的錯誤，比如：
try { setTimeout(() => { throw new Error("異步錯誤"); }, 1000); } catch (err) { // 這里抓不到錯誤！ }
那怎么辦呢？常見做法是結合 Promise 和 async/await 使用：
async function handleError() { try { await someAsyncFunction(); // 假設這個函數返回 Promise 并可能 reject } catch (err) { console.log("異步錯誤被捕獲:", err.message); } }
或者使用 .catch()：
someAsyncFunction() .then(data => console.log(data)) .catch(err => console.error(err));
總之，在異步場景下要記得用 Promise 風格來處理錯誤。
基本上就這些。合理使用 try…catch 能讓你的代碼更健壯，也方便調試和用戶反饋。不過別濫用，不是所有錯誤都需要捕捉，有時候讓錯誤冒泡出來更容易發現問題根源。
