冻结还是封闭：理解JavaScript对象保护的细微差别

前端

2024-01-17 02:38:39

前言

在 JavaScript 中，对象是存储数据的一种常用结构。有时，我们需要确保对象中的数据不会被意外更改。为此，我们可以使用 Object.freeze() 和 Object.seal() 方法来保护对象。

冻结（freeze）与封闭（seal）

Object.freeze() 和 Object.seal() 方法都用于保护对象，但它们之间存在着一些关键区别：

冻结（freeze）： Object.freeze() 方法完全冻结一个对象，使其完全不可变。这意味着对象中的任何属性都不能被更改，也不能添加或删除任何属性。
封闭（seal）： Object.seal() 方法部分冻结一个对象，使其只读。这意味着对象中的属性不能被重新赋值，但可以添加或删除属性。

何时使用冻结（freeze）或封闭（seal）

在决定何时使用 Object.freeze() 或 Object.seal() 方法时，需要考虑以下几点：

对象的可变性要求： 如果您需要一个完全不可变的对象，那么应该使用 Object.freeze() 方法。例如，如果您有一个包含用户个人信息的敏感对象，那么您应该使用 Object.freeze() 方法来防止该对象被意外更改。
性能考虑： Object.freeze() 方法比 Object.seal() 方法的性能更低。这是因为 Object.freeze() 方法需要遍历对象并冻结每个属性，而 Object.seal() 方法只需要冻结对象的原型。因此，如果您需要一个性能更高的保护方法，那么可以选择使用 Object.seal() 方法。
扩展性要求： 如果您需要一个可扩展的对象，那么应该使用 Object.seal() 方法。这是因为 Object.seal() 方法允许添加或删除属性，而 Object.freeze() 方法则不允许。

冻结（freeze）与封闭（seal）的示例

以下是一些使用 Object.freeze() 和 Object.seal() 方法的示例：

// 冻结一个对象
const person = Object.freeze({
  name: 'John Doe',
  age: 30
});

// 尝试更改对象的属性
person.name = 'Jane Doe';

// 更改失败，因为对象是冻结的
console.log(person.name); // John Doe

// 封闭一个对象
const car = Object.seal({
  make: 'Toyota',
  model: 'Camry'
});

// 尝试更改对象的属性
car.make = 'Honda';

// 更改失败，因为对象的属性是只读的
console.log(car.make); // Toyota

// 添加一个属性到对象
car.color = 'Red';

// 添加成功，因为对象是可扩展的
console.log(car.color); // Red