掌握 JavaScript 中的 Object.freeze() 和 Object.seal()：控制对象可变性

JavaScript 中的 Object.freeze 和 Object.seal

在 JavaScript 中使用对象时，控制其可变性对于防止意外更改至关重要。 JavaScript 为此提供了两种方法：Object.freeze() 和 Object.seal()。了解它们的差异和用例是编写健壮代码的关键。

1. Object.freeze()

Object.freeze() 方法使对象不可变。这意味着：

• 无法添加新属性。
• 现有属性无法修改、删除或重新配置。
• 该对象实际上被“冻结”并且不能以任何方式更改。

语法：

Object.freeze(obj);

示例：

const obj = { name: "Alice", age: 25 };
Object.freeze(obj);

obj.age = 30; // Does nothing (strict mode: throws an error)
obj.gender = "female"; // Does nothing (strict mode: throws an error)
delete obj.name; // Does nothing (strict mode: throws an error)

console.log(obj); // { name: "Alice", age: 25 }

用例：

• 确保对象在整个程序中保持不变，例如配置设置。

检查对象是否被冻结：

使用 Object.isFrozen() 来确定对象是否被冻结：

console.log(Object.isFrozen(obj)); // true

2. Object.seal()

Object.seal() 方法限制对对象的修改，但不如 Object.freeze() 严格。它允许：

• 修改现有属性（值可以更改）。
• 防止添加或删除属性。

语法：

Object.seal(obj);

示例：

const obj = { name: "Bob", age: 30 };
Object.seal(obj);

obj.age = 35; // Allowed: Existing properties can be modified
obj.gender = "male"; // Does nothing (strict mode: throws an error)
delete obj.name; // Does nothing (strict mode: throws an error)

console.log(obj); // { name: "Bob", age: 35 }

用例：

• 当您想要保护对象的结构（防止添加/删除）但仍允许更改属性值时。

检查对象是否被密封：

使用 Object.isSealed() 判断对象是否被密封：

Object.freeze(obj);

3. Object.freeze() 和 Object.seal() 之间的主要区别

const obj = { name: "Alice", age: 25 };
Object.freeze(obj);

obj.age = 30; // Does nothing (strict mode: throws an error)
obj.gender = "female"; // Does nothing (strict mode: throws an error)
delete obj.name; // Does nothing (strict mode: throws an error)

console.log(obj); // { name: "Alice", age: 25 }

console.log(Object.isFrozen(obj)); // true

以上是掌握 JavaScript 中的 Object.freeze() 和 Object.seal()：控制对象可变性的详细内容。更多信息请关注PHP中文网其他相关文章！