在 JavaScript 中，对象是一种非常重要的数据类型。但是，有时候我们需要创建一个不可被修改的、不变的对象，在这种情况下，ECMAScript 2019 中的 Object.freeze() 方法可以派上用场。
什么是不变对象？
不变对象是指一旦被创建，就无法被修改的对象。在 JavaScript 中，对象是引用类型，这意味着一个对象的属性可以在任何时候被修改。然而，在某些情况下，我们需要确保某个对象的属性不会被修改。比如说，在设计一个库或者框架时，我们需要确保用户无法修改我们提供的对象的属性，这就需要使用不变对象。
使用 Object.freeze() 方法
ECMAScript 2019 中提供了 Object.freeze() 方法来创建不变对象。使用该方法可以冻结指定对象，使其属性变得不可修改。
const obj = { a: 1, b: 2 };
Object.freeze(obj);
obj.a = 3; // 不会生效，obj.a 仍然等于 1在上面的示例中，我们先创建了一个对象 obj，然后使用 Object.freeze() 方法将其冻结。最后尝试修改 obj 的属性 a，但是并没有生效，因为该对象已经被冻结，其属性不可修改。
除了对象的属性，Object.freeze() 方法还可以禁止添加和移除对象的属性。简而言之，一旦对象被冻结，无论是修改、添加还是删除其属性，都会被拒绝。
-- -------------------- ---- ------- ----- --- - - -- -- -- - -- ------------------- -- ----- ----- - -- -- ---------- ----- -- ---- ------ ------ -- ---------- ---- -- ------ ----- ---- - - -- - -- -- - -- -------------------- -------- - --- -- ------------- --- --
深度冻结对象
Object.freeze() 方法只能冻结对象的一层属性。如果对象本身是个对象，那么嵌套的对象是不会被冻结的。这种情况下，我们需要使用一些技巧来实现深度冻结。
首先，我们可以使用递归的方式来冻结嵌套对象的属性。但是，这种方式在嵌套层数较深的情况下会非常耗时，因为需要逐层递归冻结属性。为了优化性能，我们可以使用 Object.freeze() 和 Object.getOwnPropertyNames() 方法相结合。
-- -------------------- ---- -------
-------- --------------- -
-------------------
------------------------------------------------------ -
----- --------- - ----------
-- ------- --------- --- -------- -- --------- --- ----- -
----------------------
-
---
------ ----
-
----- --- - - -- -- -- - -- - - --
----------------
------- - -- -- ------------ --- -上面的示例中，我们定义了一个 deepFreeze() 函数来实现深度冻结。该函数先使用 Object.freeze() 方法冻结当前对象，然后使用 Object.getOwnPropertyNames() 方法获取对象的属性列表，然后逐个判断每个属性是否为对象。如果是对象，就递归调用 deepFreeze() 函数。
总结
在 JavaScript 中，对象是一种非常重要的数据类型。有时候，我们需要创建一个不可被修改的、不变的对象，这就需要使用不变对象。ECMAScript 2019 中提供了 Object.freeze() 方法来创建不变对象，使用该方法可以冻结指定对象，使其属性变得不可修改。除了对象的属性，Object.freeze() 方法还可以禁止添加和移除对象的属性。如果需要实现深度冻结，可以通过递归调用 Object.freeze() 和 Object.getOwnPropertyNames() 方法相结合实现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64859cd148841e989446060f