JS 如何用 Object.freeze 冻结对象防止修改？

Question

仓乃文 · Accepted Answer

Object.freeze 可以冻结对象，使其属性不可添加、删除、修改，适合定义常量配置、枚举值等不应被修改的数据。

基础用法：
```javascript
const CONFIG = Object.freeze({
  API_URL: "https://api.example.com",
  TIMEOUT: 5000,
  RETRIES: 3,
});

CONFIG.TIMEOUT = 10000;  // 静默失败（严格模式下报错）
CONFIG.NEW_KEY = "test"; // 无法添加新属性
delete CONFIG.API_URL;    // 无法删除属性
```

冻结枚举值：
```javascript
const STATUS = Object.freeze({
  PENDING: "pending",
  SUCCESS: "success",
  FAILED: "failed",
});

function handleStatus(status) {
  if (!Object.values(STATUS).includes(status)) {
    throw new Error("无效的状态值");
  }
}
```

深度冻结：
```javascript
function deepFreeze(obj) {
  Object.keys(obj).forEach((key) => {
    if (typeof obj[key] === "object" && obj[key] !== null) {
      deepFreeze(obj[key]);
    }
  });
  return Object.freeze(obj);
}
```

补充说明：
- Object.freeze 是浅冻结，嵌套对象仍可修改，需要递归深度冻结
- Object.seal 允许修改已有属性值，但不允许添加和删除
- Object.preventExtensions 只禁止添加新属性，已有属性可修改可删除
- 冻结对象在严格模式下修改会抛出 TypeError，非严格模式静默失败