一、Object.freeze()
1. 简介: Object.freeze()是一个可以将对象冻结的方法
。一旦对象被冻结,就不能添加、删除或修改其
属性。这在需要确保对象完整性、防止任何意外或故意更改
的场景中非常有用
const person = {
name: 'Alice',
age: 30
};
Object.freeze(person);
person.age = 31; // 无效
person.address = '123 Main St'; // 不会被添加
delete person.name; // 不会删除属性
console.log(person); // 输出: { name: 'Alice', age: 30 }
/*
冻结了person对象。尝试修改任何属性、添加新属性或删除现有属性都不会生效。person对象保持不变,保留了其初始状态
*/
2. 场景 Object.freeze()的实际应用场景
2.1 不可变数据结构
:在处理不应更改的数据(如配置对象或常量)时,冻结这些对象
可以确保它们在应用程序的整个生命周期内保持一致
。
2.2 状态管理
:在状态管理场景中,尤其是在使用Redux等库时,确保状态不可变性至关重要。冻结状态对象可以防止意外的变化
,从而带来更可预测的状态过渡。
二、Object.seal()
1:简介 Object.seal()是一个可以限制对象结构变化
的方法。虽然它不像Object.freeze()
那样使对象完全不可变,但它可以防止添加或删除属性
。然而,只要现有属性是可写的
,它们仍然可以被修改.
const car = {
make: 'Toyota',
model: 'Corolla'
};
Object.seal(car);
car.model = 'Camry'; // 可以修改现有属性
car.year = 2020; // 不会被添加
delete car.make; // 不会删除属性
console.log(car); // 输出: { make: 'Toyota', model: 'Camry' }
/*
ar对象被封闭。我们可以修改现有的属性,如更改model属性。但是,尝试添加新属性或删除现有属性都会被阻止
*/