當使用JS來開發網頁時，不可避免的會有錯誤和異常情況發生。
來介紹一下如何處理JS中的錯誤和異常情況確保程式碼能夠掌握在自己手中!

什麼是JavaScript錯誤？

在處理錯誤之前先需要知道是什麼在程式碼執行過程中發生的問題影響程式碼正常執行。
常見的可能是語法錯誤、運行時錯誤或邏輯錯誤等等。

• 語法錯誤： 這些錯誤是由於不符合JS語法規則而引起的，例如拼錯單詞、缺少分號等。

• 運行時錯誤： 這些錯誤是在程式碼執行過程中發生的，例如試圖訪問未定義的變數或分母為零。

• 邏輯錯誤： 這些錯誤是由於程式碼邏輯錯誤而引起的，例如計算錯誤或應用程序不按預期運行。

JavaScript錯誤處理的基本原則

• 錯誤捕獲（Error Catching）：
  使用try...catch語句來捕獲和處理錯誤。try塊中的程式碼被監視，如果出現錯誤，則catch塊中的程式碼將被執行。

try {
  // 可能會引發錯誤的程式碼
} catch (error) {
  // 處理錯誤的程式碼
}

• 錯誤消息（Error Messages）：
  在捕獲錯誤時通常會包含描述錯誤消息，對於除錯很有幫助。

常見的JavaScript錯誤類型

• ReferenceError： 試圖訪問未定義的變數或對象。
• TypeError： 對不支持的操作進行類型轉換，或者對不是函數的對象進行調用。
• SyntaxError： 程式碼包含語法錯誤，例如拼錯單詞或缺少分號。
• RangeError： 試圖訪問超出數值範圍的數組元素或函數遞迴層次太深。
• EvalError： 使用eval()函數時發生的錯誤。

處理錯誤範例

try {
  // 嘗試訪問一個未定義的變數
  console.log(undefinedVariable);
} catch (error) {
  // 處理ReferenceError
  console.error('出現錯誤：' + error.message);
}

今天先介紹到這邊，感謝觀看!