JS錯誤日志常見問題有哪些

JavaScript 錯誤日志常見問題主要包括以下幾類：

語法錯誤

1. 拼寫錯誤：

   • 變量名、函數名、方法名等拼寫錯誤。
   • 關鍵字拼寫錯誤。

2. 缺少分號：

   • 雖然 JavaScript 有自動分號插入機制（ASI），但某些情況下仍需手動添加分號以避免意外行為。

3. 括號不匹配：

   • 函數調用、對象字面量、數組字面量等括號未正確閉合。

4. 引號不匹配：

   • 字符串字面量未正確閉合引號。

運行時錯誤

1. 類型錯誤（TypeError）：

   • 嘗試對非對象類型調用方法或屬性。
   • 使用 NULL 或 undefined 作為對象調用方法。

2. 引用錯誤（ReferenceError）：

   • 嘗試訪問未聲明的變量。

3. 范圍錯誤（RangeError）：

   • 數值超出允許的范圍，如 number.MAX_SAFE_INTEGER。

4. 語法錯誤（SyntaxError）：

   • 在代碼執行過程中遇到無法解析的語法。

5. URI 錯誤（URIError）：

   • 使用 encodeURI 或 decodeURI 時傳入非法字符。

邏輯錯誤

1. 條件判斷錯誤：

   • if、else if、switch 等語句中的條件判斷不正確。

2. 循環邏輯錯誤：

   • for、while、do…while 等循環的終止條件或迭代邏輯錯誤。

3. 函數調用錯誤：

   • 函數參數傳遞錯誤或返回值處理不當。

4. 異步操作錯誤：

   • 回調函數、promise、async/await 等異步操作中的錯誤處理不當。

資源加載錯誤

1. 腳本加載失敗：

   • 外部腳本文件路徑錯誤或服務器問題導致腳本無法加載。

2. 圖片、css 文件加載失敗：

   • 資源路徑錯誤或服務器問題導致資源無法加載。

性能問題

1. 內存泄漏：

   • 長時間運行的代碼中未釋放不再使用的對象或變量。

2. CPU 使用率過高：

   • 復雜的計算或無限循環導致 CPU 資源耗盡。

安全問題

1. 跨站腳本攻擊（xss）：

   • 用戶輸入未經過濾直接插入到頁面中。

2. 跨站請求偽造（csrf）：

   • 攻擊者利用用戶的登錄狀態發起惡意請求。

調試技巧

• 使用瀏覽器的開發者工具（如 chrome DevTools）進行斷點調試。
• 查看控制臺（console）中的錯誤信息。
• 使用 try…catch 語句捕獲并處理異常。
• 添加日志輸出（如 console.log）以跟蹤代碼執行流程。

通過及時發現并解決這些常見問題，可以提高 JavaScript 代碼的穩定性和可靠性。