Object.freeze()冻结对象

Object.freeze() 方法用于冻结一个对象,防止修改。这可以提高性能,并保护配置文件免受意外改动。尽管const能防止变量重新赋值,但无法阻止复杂数据类型(如对象)属性的修改。使用Object.freeze()可以确保对象及其属性不被更改,除非属性值是另一个可变的复杂数据类型。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

用处:

1、一个大的数据对象里,在你确信它不需要改变的时候,你可以给他freeze(),可以大大的增加性能。

2、也可用作冻结线上的配置文件中的对象,以防有人误改。

​
const nums = 6;
nums = 7; 
console.log("num==",num);

​

const 声明一个常量,一旦声明,常量的值就不能改变,报错Uncaught TypeError: Assignment to constant variable.

 译:未捕获的TypeError:分配给常数变量。意味着不能更改。

 

但是,如果使用 const 声明的是一个复杂数据类型,比如一个对象,修改其属性值是可以成功的。

const obj = {'age':18};
obj.age = 20;
console.log("obj",obj)  //obj {age: 20}

 

如果不希望对对象的属性或属性值不进行更改,可使用Object.freeze(Object)对对象进行冻结~

参数Object、返回值:均表示被冻结的对象

Object
### Object.freeze 的实现原理 `Object.freeze()` 是 JavaScript 中用于冻结对象的一个内置方法。当调用 `Object.freeze(target)` 时,目标对象的状态会被锁定,无法对其进行任何结构上的修改[^1]。具体来说: - **属性值不可变**:已有的属性值不能再被重新赋值。 - **属性描述符不可变**:属性的特性(如可写性、可枚举性和可配置性)都不能再改变。 - **阻止扩展和删除**:不能向对象添加新属性,也不能删除现有属性。 #### 冻结的具体行为 以下是 `Object.freeze()` 对象的行为特点: - 被冻结对象仍然可以访问其属性并读取它们的值。 - 如果对象中的某个属性本身也是一个对象,则只有顶层对象冻结;嵌套对象仍可能发生变化,除非也对其单独应用 `Object.freeze()`[^3]。 ```javascript const nestedObj = { inner: { key: 'value' } }; Object.freeze(nestedObj); nestedObj.inner.key = 'newValue'; // 此操作有效,因未深层冻结 console.log(nestedObj.inner.key); // 输出 newValue ``` 为了确保整个对象树都被冻结,通常需要递归地对每个子对象执行 `Object.freeze()` 操作[^5]。 --- ### 如何使用 Object.freeze 来使对象不可修改? 可以通过简单的函数调用来冻结任意对象实例。下面展示了一个基本的例子及其验证方式: ```javascript const person = { name: 'Alice', age: 25, }; // 使用 freeze 方法冻结对象 Object.freeze(person); // 尝试修改属性 (无效) person.age = 30; console.log(person.age); // 输出仍然是 25 // 尝试新增属性 (失败) person.gender = 'female'; console.log('gender' in person); // false // 删除属性尝试 (同样失败) delete person.name; console.log('name' in person); // true ``` 注意,在严格模式下试图修改冻结对象可能会抛出错误[^4]。 --- ### 性能考量与实际应用场景 尽管 `Object.freeze()` 提供了一种简单的方式来保护数据免受外部干扰,但在某些情况下需要注意性能影响。例如 Vue.js 或其他框架中如果大量依赖此功能来禁用响应式机制,可能导致初始化阶段效率降低,尤其是在处理复杂或大型数据集的时候[^5]。 因此建议仅在必要时候才采用这种方法,并考虑潜在开销。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值