JavaScript中常量指的是什么意思

发布时间：2021-10-19 14:16:58 作者：小新
来源：亿速云阅读：138

# 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. 最佳实践建议

优先使用const：除非需要重新赋值，否则默认用const
避免var：使用const/let代替var声明
合理命名：通过命名区分常量与变量
冻结重要配置：关键配置对象建议使用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开发的推荐实践 “`