如何利用 Object.freeze 保护数组元素不可变-js教程-PHP中文网

object.freeze仅浅冻结数组本身，阻止增删改元素和length，但不冻结内部对象属性；需递归调用deepfreeze或使用immer等库实现深层不可变。

如何利用 object.freeze 保护数组元素不可变

Object.freeze 可以冻结数组本身（防止增删改索引、修改 length），但不会递归冻结数组中的对象元素。也就是说，数组的结构被锁住，但若数组里存的是对象，这些对象内部属性仍可被修改。

冻结数组本身：阻止结构变化

调用 Object.freeze(arr) 后：

不能新增、删除或替换数组元素（如 arr.push()、arr[0] = ...、arr.length = 0 都会静默失败（非严格模式）或报错（严格模式））
不能修改 length 属性
数组仍是“类数组”对象，Array.isArray() 返回 true

✅ 示例：

const arr = [{ name: 'Alice' }, { name: 'Bob' }];
Object.freeze(arr);

arr[0] = { name: 'Charlie' }; // ❌ 无效（静默失败）
arr.push({ name: 'Dave' });    // ❌ 无效
console.log(arr); // [{ name: 'Alice' }, { name: 'Bob' }]

注意：对象元素内部仍可变

虽然数组被冻结，但其中的对象未被冻结：

Monitored Ralph Loop

一款AI工具，主要用于生成可直接复制粘贴的 Bash 脚本，用于 Ralph Wiggum/AI 代理循环（Codex、Claude Code、OpenCode、Goose）。适用于“拉尔夫循环”“Ralph Wiggum 循环”或 AI 循环请求，依据 PROMPT.md、AGENTS.md、SPECS、IMPLEMENTATION_PLAN.md 进行计划/构建，包含计划与构建模式、背压、沙箱及完成条件，适合需要提升相关任务效率的用户。

下载

arr[0].name = 'Alex'; // ✅ 成功！对象属性仍可修改
console.log(arr[0].name); // 'Alex'

这是因为 Object.freeze 是浅冻结（shallow freeze）——只作用于目标对象自身的属性，不深入嵌套对象。

实现真正不可变：递归冻结（含数组与对象）

若需确保整个数据结构（包括嵌套对象、数组）不可变，需手动递归冻结：

function deepFreeze(obj) {
  if (obj === null || typeof obj !== 'object') return obj;

  // 先冻结自身
  Object.freeze(obj);

  // 遍历所有属性，递归冻结（跳过 Symbol 和不可枚举属性）
  Object.getOwnPropertyNames(obj).forEach(prop => {
    if (obj[prop] !== null && typeof obj[prop] === 'object') {
      deepFreeze(obj[prop]);
    }
  });

  return obj;
}

const arr = [{ name: 'Alice', tags: ['user'] }, { name: 'Bob' }];
deepFreeze(arr);

arr[0].name = 'Eve';        // ❌ 失败（对象已被冻结）
arr[0].tags.push('admin'); // ❌ 失败（子数组也被冻结）