JavaScript中常量指的是什么意思

# JavaScript中常量指的是什么意思

## 1. 常量的基本概念

在JavaScript中，常量（Constant）是指**聲明后其值不能被重新賦值**的標識符。與變量不同，常量的值在初始化后便保持固定，任何試圖修改的操作都會導致錯誤。

### 1.1 常量的聲明方式
使用`const`關鍵字聲明常量：
```javascript
const PI = 3.14159;

1.2 與變量的區別

• let/var：可重新賦值
• const：不可重新賦值（但對象/數組內部屬性可修改）

2. 常量的核心特性

2.1 必須初始化

常量聲明時必須賦值：

const URL; // 報錯：Missing initializer

2.2 塊級作用域

與let類似，常量具有塊級作用域：

{
  const MAX = 100;
}
console.log(MAX); // 報錯：MAX未定義

2.3 暫時性死區（TDZ）

在聲明前訪問會觸發引用錯誤：

console.log(VERSION); // 報錯
const VERSION = '1.0';

3. 常量與不可變性

3.1 基本類型常量

對于原始值（字符串、數字等）：

const NAME = "Alice";
NAME = "Bob"; // TypeError: Assignment to constant

3.2 引用類型常量

對于對象/數組：

const user = { name: "John" };
user.name = "Mike"; // 允許修改屬性
user = {}; // 報錯：不能重新賦值

4. 常量的命名規范

4.1 命名慣例

• 全大寫+下劃線（傳統風格）：

  
  const API_KEY = "abc123";
  

• 小駝峰（現代風格）：

  
  const apiKey = "abc123";
  

4.2 命名的語義化

推薦使用有明確含義的名稱：

const MAX_RETRY_TIMES = 3; // 優于 const MRT = 3

5. 常量的使用場景

5.1 配置項

const CONFIG = {
  API_ENDPOINT: "https://api.example.com",
  TIMEOUT: 5000
};

5.2 數學常量

const GOLDEN_RATIO = 1.618;

5.3 避免魔法數字

const STATUS_CODE = {
  OK: 200,
  NOT_FOUND: 404
};

6. 常量與凍結對象

6.1 Object.freeze()

實現真正不可變：

const COLORS = Object.freeze(['red', 'green']);
COLORS.push('blue'); // 嚴格模式下報錯

6.2 深凍結方案

遞歸凍結嵌套對象：

function deepFreeze(obj) {
  Object.freeze(obj);
  Object.keys(obj).forEach(key => {
    if (typeof obj[key] === 'object') deepFreeze(obj[key]);
  });
}

7. 最佳實踐建議

1. 優先使用const：除非需要重新賦值，否則默認用const
2. 避免var：使用const/let代替var聲明
3. 合理命名：通過命名區分常量與變量
4. 凍結重要配置：關鍵配置對象建議使用Object.freeze()

8. 常見誤區

8.1 認為const創建不可變值

實際上const只保證標識符綁定不變，不保證值本身不可變。

8.2 在循環中使用const

for (const i = 0; i < 5; i++) { ... } // 報錯
// 正確用法：
for (const item of array) { ... }

9. 瀏覽器兼容性

• ES6（2015）引入的特性
• 現代瀏覽器全面支持
• 舊版IE需要Babel等工具轉譯

10. 總結

JavaScript中的常量是通過const聲明的不可重新賦值的標識符，它： - 提高了代碼可讀性和可維護性 - 防止意外重寫重要數據 - 需要區分值不可變和引用不可變的差異 - 是現代JavaScript開發的推薦實踐 “`