javascript的錯誤類型有哪些

# JavaScript的錯誤類型有哪些

JavaScript作為一門動態弱類型語言，在開發過程中難免會遇到各種錯誤。理解這些錯誤類型對于調試和編寫健壯的代碼至關重要。本文將系統介紹JavaScript中的主要錯誤類型，并通過示例說明它們的觸發場景和處理方法。

## 一、JavaScript錯誤處理機制概述

在深入錯誤類型前，我們需要了解JavaScript的錯誤處理機制：

```javascript
try {
  // 可能出錯的代碼
} catch (error) {
  // 錯誤處理
  console.error(error.name);    // 錯誤類型
  console.error(error.message); // 錯誤信息
} finally {
  // 無論是否出錯都會執行
}

所有錯誤對象都繼承自Error基類，包含以下核心屬性： - name：錯誤類型名稱 - message：人類可讀的錯誤描述 - stack：錯誤堆棧跟蹤（非標準但廣泛支持）

二、主要錯誤類型詳解

1. SyntaxError（語法錯誤）

觸發場景：代碼不符合JavaScript語法規則時拋出，通常在解析階段就會被捕獲。

// 示例1：缺少括號
const func = () => {
  console.log('Hello';
};  // Uncaught SyntaxError: missing ) after argument list

// 示例2：非法字符
const π = 3.14;  // 在非嚴格模式下可能不報錯，但應避免

常見原因： - 括號/引號不匹配 - 錯誤使用保留字 - 使用JSON.parse()解析無效JSON

2. ReferenceError（引用錯誤）

觸發場景：訪問未聲明的變量或超出作用域的變量時拋出。

// 示例1：未聲明變量
console.log(notDefined);  // Uncaught ReferenceError: notDefined is not defined

// 示例2：TDZ（暫時性死區）
console.log(letVar);  // ReferenceError: Cannot access 'letVar' before initialization
let letVar = 1;

特殊案例：

typeof undeclaredVar; // 返回"undefined"而不會報錯

3. TypeError（類型錯誤）

觸發場景：當操作或函數應用于不適當類型的對象時拋出。

// 示例1：調用非函數
const notFunc = 123;
notFunc();  // Uncaught TypeError: notFunc is not a function

// 示例2：修改const變量
const PI = 3.14;
PI = 3;  // TypeError: Assignment to constant variable

// 示例3：null/undefined屬性訪問
let obj = null;
obj.property;  // TypeError: Cannot read property 'property' of null

4. RangeError（范圍錯誤）

觸發場景：當數值超出有效范圍時拋出。

// 示例1：無效數組長度
const arr = new Array(-1);  // RangeError: Invalid array length

// 示例2：遞歸棧溢出
function infiniteRecursion() {
  infiniteRecursion();
}
infiniteRecursion();  // RangeError: Maximum call stack size exceeded

5. URIError（URI錯誤）

觸發場景：全局URI處理函數使用不當時拋出。

decodeURIComponent('%');  // URIError: URI malformed
encodeURI('\uD800');     // URIError: URI malformed

6. EvalError（已棄用）

原本用于eval()相關錯誤，ES5后已不再拋出，保留僅為兼容性。

7. AggregateError（聚合錯誤）

ES2021新增，表示多個錯誤的集合。

Promise.any([
  Promise.reject(new Error("Error 1")),
  Promise.reject(new Error("Error 2"))
]).catch(e => {
  console.log(e instanceof AggregateError);  // true
  console.log(e.errors.length);             // 2
});

三、Web API相關錯誤

瀏覽器環境中特有的錯誤類型：

1. DOMException

觸發場景：DOM操作異常時拋出。

document.querySelector('#nonExist').innerHTML = 'test';
// 可能拋出：DOMException: Failed to execute 'querySelector' on 'Document'

// 常見子類型：
- NotFoundError
- InvalidStateError
- SyntaxError

2. MediaError

媒體相關錯誤，通過<video>/<audio>元素的error屬性暴露。

四、自定義錯誤類型

開發者可以擴展Error創建自定義錯誤：

class ValidationError extends Error {
  constructor(message, field) {
    super(message);
    this.name = "ValidationError";
    this.field = field;
  }
}

try {
  throw new ValidationError("Invalid email", "email");
} catch (e) {
  console.log(e.name);     // "ValidationError"
  console.log(e.field);    // "email"
}

五、錯誤處理最佳實踐

1. 精準捕獲：避免空catch塊或籠統捕獲所有錯誤

try {
  // ...
} catch (e) {
  if (e instanceof TypeError) {
    // 處理類型錯誤
  } else if (e instanceof RangeError) {
    // 處理范圍錯誤
  } else {
    // 其他錯誤
    throw e;  // 重新拋出未處理的錯誤
  }
}

1. 錯誤日志：記錄完整的錯誤信息

console.error(`${e.name}: ${e.message}\n${e.stack}`);

1. 防御性編程：

// 替代容易出錯的代碼
value && value.property;  // 代替直接訪問value.property

六、Node.js環境中的特殊錯誤

Node.js增加了部分特有錯誤類型：

• SystemError：系統級錯誤（如文件操作失?。?/li>
• AssertionError：assert模塊拋出的錯誤
• HTTPError：HTTP相關錯誤

const fs = require('fs');
fs.readFile('nonexistent.txt', (err) => {
  console.log(err instanceof Error);       // true
  console.log(err.code);                  // 'ENOENT'
});

總結

理解這些錯誤類型能幫助開發者： - 快速定位問題根源 - 編寫更健壯的防御性代碼 - 提供更有價值的錯誤反饋

記?。毫己玫腻e誤處理不是事后補救，而應該是一開始就考慮的設計要素。 “`

注：本文約1500字，詳細介紹了JavaScript的核心錯誤類型及其處理方式。實際開發中，結合瀏覽器開發者工具或Node.js的調試工具可以更高效地診斷錯誤。