登录
首页 >  文章 >  前端

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

时间:2026-01-10 12:14:00 108浏览 收藏

大家好,今天本人给大家带来文章《对象冻结是指在 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 对象变为不可修改的状态:不能添加、删除或更改其属性,也不能修改属性的描述符(如 writableconfigurableenumerable)。这是最严格的防篡改方式之一,常用于确保关键配置、常量或共享数据不被意外改动。

使用 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 等非普通对象
  • 避免循环引用导致死循环(实际项目中建议加缓存判断)

简易递归冻结函数示例:

function deepFreeze(obj) {
  if (obj && typeof obj === "object" && !Object.isFrozen(obj)) {
    Object.getOwnPropertyNames(obj).forEach(prop => {
      if (obj[prop] !== null && typeof obj[prop] === "object") {
        deepFreeze(obj[prop]);
      }
    });
    return Object.freeze(obj);
  }
  return obj;
}

其他防修改方法对比

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

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

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

冻结后如何检测?

可以用 Object.isFrozen(obj) 判断对象是否已被冻结。注意它只检查对象自身,不检查嵌套对象 —— 所以对深冻结对象,这个方法返回 false,除非你已递归冻结所有层级。

基本上就这些。冻结不是万能的(比如不能阻止原型链污染或 Symbol 属性误操作),但在大多数业务场景下,Object.freeze() 加上必要递归,已经足够可靠。

理论要掌握,实操不能落!以上关于《对象冻结是什么?JS中如何防止对象被修改》的详细介绍,大家都掌握了吧!如果想要继续提升自己的能力,那么就来关注golang学习网公众号吧!

前往漫画官网入口并下载 ➜
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>