Object.freeze()冻结对象

最新推荐文章于 2025-05-04 19:49:10 发布

原创最新推荐文章于 2025-05-04 19:49:10 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Object.freeze #JavaScript #对象冻结 #const

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

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

用处：

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.freeze(obj);  //对象冻结
obj.age = 20;
console.log("obj",obj); //obj {age: 18}

需要注意的是，使用 Object.freeze()冻结的对象只能保证这个对象的属性不变，如果对象属性的值还是一个复杂数据类型，那么是可以修改成功的。

 const obj_1= {
	"name":'Joyce',
	'test':{
		'age':18
	}
}
obj_1.name = 'spring';
obj_1.test.age = 30;
console.log("obj_1",obj_1.name,obj_1.test.age)  //obj_1 spring 30
Object.freeze(obj_1);
obj_1.name = 'kaliwo';
obj_1.test.age = 30;
console.log("obj_1",obj_1.name,obj_1.test.age)  //oobj_1 Joyce 30