使 JavaScript 对象只读

在开发 JavaScript 应用程序时，我们有时需要限制对象的改变，以确保数据的完整性和安全性。其中一种方法是使对象只读，即不允许对其进行修改。本文将介绍如何使 JavaScript 对象只读。

Object.freeze() 方法

Object.freeze() 方法是使 JavaScript 对象只读的最简单和最常用的方法。当使用 Object.freeze() 方法时，对象的状态将被锁定，即不能添加、删除、更新对象的属性。以下是一个简单的示例。

const myObj = { name: "John", age: 30 };

Object.freeze(myObj);

myObj.age = 31;
console.log(myObj.age); // 输出 30

在上面的示例中，我们首先定义了名为 myObj 的对象，然后调用 Object.freeze() 方法以使其只读。最后，我们在尝试更新 age 属性时发现对象的状态已被锁定。

Object.seal() 方法

如果您希望对象仍然可以更新属性，但不能添加或删除属性，那么可以使用 Object.seal() 方法。使用 Object.seal() 方法时，已存在的对象属性可以更新，但新属性不能添加，已存在的属性也不能删除。以下是一个示例。

const myObj = { name: "John", age: 30 };

Object.seal(myObj);

myObj.age = 31;
console.log(myObj.age); // 输出 31

myObj.email = "john@example.com";
console.log(myObj.email); // 输出 undefined

在上面的示例中，我们首先定义了名为 myObj 的对象，然后调用 Object.seal() 方法使其只读。我们可以看到，在尝试添加新属性时，代码不会引发任何异常，而是返回 undefined。

代码片段

以下是一个完整的代码片段，演示了如何使用 Object.freeze() 和 Object.seal() 方法使 JavaScript 对象只读。

const myObj1 = { name: "John", age: 30 };

Object.freeze(myObj1);

myObj1.age = 31;
console.log(myObj1.age); // 输出 30

const myObj2 = { name: "John", age: 30 };

Object.seal(myObj2);

myObj2.age = 31;
console.log(myObj2.age); // 输出 31

myObj2.email = "john@example.com";
console.log(myObj2.email); // 输出 undefined

在上面的代码片段中，我们首先定义了两个对象 myObj1 和 myObj2。然后，我们使用 Object.freeze() 和 Object.seal() 方法，使它们只读。最后，我们对 age 属性进行更新和添加操作，以演示这些方法的区别。