在前端开发中，我们经常需要处理对象。有时候，我们希望对象的属性不可更改，以保证数据的安全性和稳定性。在 ES5 中，我们可以使用 Object.freeze 方法来冻结对象。在 ES10 中，Object.freeze 方法得到了进一步的优化和改进，本文将详细介绍如何使用 ES10 中的 Object.freeze 方法来冻结对象。
Object.freeze 方法的基本用法
Object.freeze 方法可以冻结一个对象，使其属性不可更改、不可添加、不可删除。使用方法如下：
const obj = {
name: 'John',
age: 20
};
Object.freeze(obj);在上面的代码中，我们使用 Object.freeze 方法冻结了一个名为 obj 的对象。现在，obj 对象中的属性将不可更改、不可添加、不可删除。我们可以通过以下代码来验证：
obj.name = 'Mary';
console.log(obj); // { name: 'John', age: 20 }
obj.gender = 'Male';
console.log(obj); // { name: 'John', age: 20 }
delete obj.age;
console.log(obj); // { name: 'John', age: 20 }从上面的代码可以看出，尝试更改、添加、删除 obj 对象中的属性都没有成功。这是因为我们已经使用 Object.freeze 方法将其冻结了。
Object.freeze 方法的限制
虽然 Object.freeze 方法可以冻结对象，但是它并不是万能的。它有以下限制：
- 冻结的对象可以被读取，但是不能被更改、添加或删除属性。
- 冻结的对象的属性也是不可更改的，但是如果属性值是一个对象，那么这个对象的属性是可以被更改的。
下面我们通过代码来验证这些限制：
-- -------------------- ---- -------
----- --- - -
----- -------
---- ---
----- -
-------- ----------
------ -----------
-
--
-------------------
---------------------- -- ----
-------- - -------
---------------------- -- ----
---------- - -------
------------------------ -- ---------
------ --------
--------------------- -- --
---------------- - -----------
------------------------------ -- --------从上面的代码可以看出，我们成功地冻结了 obj 对象，但是obj.info.address 属性的值仍然可以被更改，这是因为它是一个对象。
如何深度冻结一个对象
如果我们想要深度冻结一个对象，使其所有属性都不可更改、不可添加、不可删除，我们可以使用以下代码：
-- -------------------- ---- -------
-------- --------------- -
-------------------
-------------------------------------------- -- -
----- --- - ----------
-- ------- --- --- -------- -- --- --- ----- -
----------------
-
---
------ ----
-
----- --- - -
----- -------
---- ---
----- -
-------- ----------
------ -----------
-
--
----------------
-------- - -------
---------------------- -- ----
---------- - -------
------------------------ -- ---------
------ --------
--------------------- -- --
---------------- - -----------
------------------------------ -- -------在上面的代码中，我们定义了一个 deepFreeze 函数，它可以深度冻结一个对象。在函数中，我们先使用 Object.freeze 方法冻结了当前对象，然后通过 Object.getOwnPropertyNames 方法获取对象的属性名，遍历每个属性并判断是否为对象，如果是对象，就递归调用 deepFreeze 函数，直到所有属性都被冻结。
总结
Object.freeze 方法是一个非常有用的方法，它可以帮助我们保证数据的安全性和稳定性。在使用 Object.freeze 方法时，需要注意它的限制，如果想要深度冻结一个对象，可以使用 deepFreeze 函数来实现。掌握 Object.freeze 方法的使用，可以让我们更好地处理对象，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6613811fd10417a2223f1a86