JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析

JS中有三个方法可以用于限制对象的属性的增删改操作，分别是preventExtensions()、seal()和freeze()。这些方法可以让我们对对象进行保护，以确保其属性无法被意外更改。

Object.preventExtensions()

preventExtensions()方法可以阻止对象的属性被添加。如果对象已经被预防扩展，则无法向该对象添加任何新的属性。下面是一个示例：

const obj = { a: 1, b: 2 };
Object.preventExtensions(obj);

obj.c = 3;
console.log(obj); // { a: 1, b: 2 }

在上面的示例中，我们使用preventExtensions()方法来限制了obj对象的扩展。接下来，我们试图为其添加一个新属性，然而由于已经被限制扩展，该操作被忽略了。

Object.seal()

seal()方法可以阻止对象属性的添加和删除。如果对象已被密封，则无法删除属性和添加新属性。但是，属性值可以被修改。下面是一个示例：

const obj = { a: 1, b: 2 };
Object.seal(obj);

obj.a = 3;
obj.c = 4;
delete obj.b;
console.log(obj); // { a: 3, b: 2 }

在上面的示例中，我们使用seal()方法来限制了obj对象。虽然我们试图添加新属性和删除b属性都被忽略了，但我们仍然可以修改a属性的属性值。

Object.freeze()

freeze()方法可以阻止对象属性的添加、删除和属性值的修改。如果对象已被冻结，则无法对其进行任何更改。下面是一个示例：

const obj = { a: 1, b: 2 };
Object.freeze(obj);

obj.a = 3;
obj.c = 4;
delete obj.b;
console.log(obj); // { a: 1, b: 2 }

在上面的示例中，我们使用freeze()方法来限制了obj对象。尝试修改其属性值、添加新属性、删除属性，这些操作都被忽略了。

总结：通过以上示例，我们可以看到，Object.preventExtensions()、Object.seal()与Object.freeze()三种方法都可以帮助我们保护不想被修改的对象。而区别在于它们限制的程度和操作方式上各不相同。