在 JavaScript 中，使用 const 关键字来定义变量，代表该变量的值不会被改变。但是，如果使用 const 定义一个对象，我们可以修改这个对象的属性和值，但是却无法修改这个对象本身。这是一个比较麻烦的问题，因为它限制了我们的代码设计和重构。
好在在 ES11 中，JavaScript 引入了一种新的语法来解决这个问题，名为“冻结对象”。
冻结对象
冻结对象是指，在定义对象的同时使用 Object.freeze() 方法，可以让该对象变为只读，且无法被修改。
下面是一个示例代码：
const obj = {
name: 'Alice',
age: 25,
};
Object.freeze(obj);
obj.age = 26; // 这一行代码会抛出错误在上面的代码中，我们使用 Object.freeze() 方法将 obj 对象冻结，然后尝试修改这个对象中的属性 age，发现它会抛出错误，表示这个对象无法被修改。
深度冻结对象
上面的示例中，我们只是冻结了对象本身，但是如果对象中嵌套了其他对象，我们还需要冻结这些对象才能实现完全只读。
在 ES11 中，我们可以使用一个名为 Object.deepfreeze() 的方法来达到这个效果。这个方法会尝试遍历一个对象，找到其中的所有对象，并将它们全部冻结。下面是一个示例代码：
-- -------------------- ---- -------
----- --- - -
----- --------
---- ---
-------- -
----- ---- ------
-------- ------
--
--
-----------------------
------- - --- -- ----------
---------------- - --------- -- ----------在上面的代码中，我们首先定义了一个对象 obj，其中嵌套了另外一个对象 address。然后，我们使用 Object.deepfreeze() 方法来冻结 obj 对象，包括它内部的所有对象。最后，我们尝试修改 obj 中的属性 age 和嵌套对象 address 中的属性 city，发现它们都会抛出错误，表示这些对象都无法被修改。
指导意义
使用 const 关键字来定义变量是非常好的编程习惯，因为它帮助我们避免了意外修改变量的值。但是在定义对象时，我们需要注意使用 Object.freeze() 或者 Object.deepfreeze() 方法来保证对象的只读性。这不仅可以避免代码中的不必要的错误，还可以帮助我们更好地进行代码设计和重构，提高代码的可维护性和可复用性。
结论
在 ES11 中，JavaScript 引入了一种新的语法来解决使用 const 定义对象无法被修改的问题：冻结对象。使用 Object.freeze() 和 Object.deepfreeze() 方法可以让对象变为只读，且无法被修改。这样可以避免代码中的不必要的错误，提高代码的可维护性和可复用性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6770d08ce9a7045d0d81716b