JavaScript 对象不变性介绍

JavaScript 对象不变性介绍

JavaScript 中对象的不变性指的是：对象一旦被创建后，就无法更改它的属性和方法，直到对象被销毁。这种特性可以帮助我们编写更为健壮的代码，提高代码的可维护性和可预测性。

实现对象不变性的主要方法有三种：使用 Object.freeze() 方法、使用 Object.seal() 方法，以及使用原型链来限制属性的增删改。

方法一：Object.freeze()

使用 Object.freeze() 方法可以冻结一个对象，使其不能增加、删除、修改属性。示例如下：

const obj = { name: 'John' };
Object.freeze(obj)
obj.age = 30;
// 这里不会报错，但是 age 属性不会被添加到obj中
console.log(obj); // {name: "John"}

方法二：Object.seal()

使用 Object.seal() 方法可以略微放松对象的限制，使得一个对象的属性可以被修改，但是不能添加和删除属性。示例如下：

const obj = { name: 'John' };
Object.seal(obj)
obj.age = 30;
// 这里不会报错，但是 age 属性不会被添加到obj中
console.log(obj); // {name: "John"}
obj.name = 'Tom'
console.log(obj); // {name: "Tom"}
delete obj.name
// 这里不会报错，但是它不会删除 name 属性
console.log(obj); // {name: "Tom"}

方法三：使用原型链来限制属性的增删改

这种方法并不经常使用，但是也可以一定程度上达到限制对象属性修改的目的。示例如下：

const obj = {};
Object.defineProperty(obj, 'name', {
  value: 'John',
  writable: false,
  configurable: false
});
obj.name = 'Tom' //这里无法修改，抛出异常
console.log(obj); // {name: "John"}

delete obj.name //这里无法删除，抛出异常
console.log(obj); // {name: "John"}

注意：这种方法限制的不仅是对象属性本身，还有属性的属性，如下面的代码：

const obj = {};
Object.defineProperty(obj, 'name', {
  value: 'John',
  writable: false,
  configurable: false
});
Object.defineProperty(obj, 'age', {
  value: 20,
  writable: false,
  configurable: true
});

obj.age = 30 //这里无法修改，抛出异常
console.log(obj); // {name: "John", age:20}
delete obj.age //这里可以删除 age 属性
console.log(obj); // {name: "John"}

结论

上述三种方法中，Object.freeze() 是最严格的方法，可以实现对象的完全不变性，但是使用起来也最为困难。Object.seal() 相对宽松一些，可以在必要时进行属性修改，但是不允许添加和删除属性。使用原型链限制的方法最为灵活，但是需要手动配置属性，适用范围有限。

在实际编程中，为了保证代码质量，我们应该尽可能的使用不变性，从而减少代码中出现不明状况的可能性。