当前位置：首页 > 文章列表 > 文章 > 前端 > 对象冻结是什么？JS中如何防止对象被修改

对象冻结是什么？JS中如何防止对象被修改

2026-01-10 12:14:00 0浏览收藏

大家好，今天本人给大家带来文章《对象冻结是指在 JavaScript 中将一个对象设置为不可修改的状态，防止其属性被添加、删除或修改。这通常用于确保对象的数据完整性，特别是在需要保护关键数据不被意外更改的场景中。什么是对象冻结？在 JavaScript 中，对象默认是可变的，也就是说，你可以随时修改对象的属性，甚至可以添加或删除属性。而“对象冻结”（Object.freeze）是一种机制，它可以将对象设置为只读状态，使其不能再被修改。如何防止对象被修改？JavaScript 提供了 Object.freeze() 方法来实现对象冻结。调用这个方法后，对象的属性将无法被修改、添加或删除。示例：const obj = { name: "Alice", age: 25 }; // 冻结对象 Object.freeze(obj); // 尝试修改属性 obj.age = 30; // 无效，不会报错，但也不会改变值 console.log(obj.age); // 输出 25 // 尝试添加新属性 obj.gender = "female"; // 无效 console.log(obj.gender); // 输出 undefined // 尝试删除属性 delete obj.name; // 无效 console.log(obj.name); // 输出 "Alice"注意：Object.freeze() 是浅冻结，也就是说，它只会冻结对象的第一层属性。如果对象内部还有嵌》，文中内容主要涉及到，如果你对文章方面的知识点感兴趣，那就请各位朋友继续看下去吧~希望能真正帮到你们，谢谢！

对象冻结是使JavaScript对象不可修改的最严格防篡改方式，通过Object.freeze()实现浅冻结，需递归处理嵌套对象；另有seal、preventExtensions等防护等级较低的替代方案。

什么是对象冻结_javascript中如何防止对象被修改？

对象冻结是指让一个 JavaScript 对象变为不可修改的状态：不能添加、删除或更改其属性，也不能修改属性的描述符（如 writable、configurable、enumerable）。这是最严格的防篡改方式之一，常用于确保关键配置、常量或共享数据不被意外改动。

使用 Object.freeze() 冻结对象

Object.freeze() 是最常用的方法，它会直接冻结传入的对象，并返回该对象（原地修改，不创建新对象）。

冻结后，尝试修改已有属性值（如 obj.name = "new"）在严格模式下会报错，在非严格模式下静默失败
无法添加新属性、删除已有属性、重定义属性描述符
注意：它只做浅冻结 —— 如果属性值是对象，那个嵌套对象本身不会被冻结

示例：

const config = { api: "https://api.example.com", timeout: 5000 };
Object.freeze(config);
config.timeout = 10000; // 无效（非严格模式）或报错（严格模式）
config.version = "1.0"; // 添加失败

冻结嵌套对象需递归处理

因为 Object.freeze() 不处理深层对象，若要完全冻结整个结构（比如配置对象里有子对象），需要手动递归调用：

先检查属性是否为纯对象且未冻结，再对其调用 Object.freeze()
跳过 null、原始类型（string/number/boolean）、函数、Date、RegExp 等非普通对象
避免循环引用导致死循环（实际项目中建议加缓存判断）

简易递归冻结函数示例：

其他防修改方法对比

根据需求强度不同，还有几个相关 API 可选：

Object.seal()：禁止添加/删除属性，但允许修改已有属性值（writable: true 的属性仍可改）
Object.preventExtensions()：只禁止添加新属性，其余都允许
Object.defineProperty()：可单独设置某个属性为只读（writable: false）或不可配置（configurable: false）

三者防护等级：freeze > seal > preventExtensions。一般优先用 freeze，除非你明确需要保留某些修改能力。