【Infragistics教程】在javascript中密封、冻结和防止对象扩展

【下载Infragistics Ultimate最新版本】

在现代的JavaScript中，对象是不可分割的，对对象周围的主题有很强的理解是编写更好的JavaScript所必需的。您能够用JavaScript以四种方式建立对象。

一旦知道如何建立对象，您可能但愿了解对象属性描述符。综上所述，假设您有一个对象——cat：

1 2 3 4

var cat = {     name: 'foo',     age: 9 }

每一个对象属性包含的信息不单单是一个值。例如，可使用object.getownPropertyDescriptor方法打印其余属性信息。

1	console.log(Object.getOwnPropertyDescriptor(cat, 'name'));

在控制台上，能够看到属性名提供了更多信息：

很明显，若是将writable设置为true，则能够重写属性值等。您能够在此处阅读有关javascript对象属性描述符的更多信息。

到目前为止，您已经了解了对象属性描述符，所以若是须要将属性设置为只读，您将把该属性设置为可写。

1	Object.defineProperty(cat, 'name', { writable: false });

下一步，让咱们讨论一下更改JavaScript对象默认行为的更多要求。

防止对象具备新属性

除要求1外，将全部可配置的属性标记为假

除了要求2以外，还应使全部属性均可写为false

从ECMA 6开始，您有实现上述要求的方法。让咱们一个接一个地拿着：

Object.preventExtensions

好比说，你有一个对象——cat：

1 2 3 4

var cat = {     name: 'foo',     age: 9 }

使用默认行为，您能够向JavaScript对象添加属性。所以，能够进行如下操做：

1 2	cat.color = 'black'; console.log(cat.color); // black

要防止默认行为在对象中动态添加属性，须要使用object.preventextensions（）。此方法阻止对象添加新属性。

1 2 3

Object.preventExtensions(cat); cat.color = 'black'; console.log(cat.color); // undefined

在对象上使用object.preventextensions以后，若是添加新的属性颜色，javascript将忽略它，而且做为输出，您将获得未定义的。

若是javascript处于严格模式，则若是向不可扩展的对象添加新属性，则会出现错误。

1 2 3 4 5 6 7 8 9 10

'use strict' var cat = {        name: 'foo',     age: 9 }    Object.preventExtensions(cat); cat.color = 'black'; console.log(cat.color); // error thrown

在严格模式下，您将收到一个错误，消息传递很是清楚，即“cannot add property, object is not extensible”

总而言之，您应该使用object.preventextensions方法来防止向对象添加新属性。

Object.seal

假设你想封一个物体，意思是：

• 您应该没法添加新属性（调用object.preventextensions（））
• 不该更改任何配置（将可配置属性设置为false）

可使用object.seal（）方法密封对象。让咱们再次考虑一个对象——cat：

1 2 3 4 5

var cat = {        name: 'foo',     age: 9 }

您不但愿将新属性添加到cat中，而且全部属性的可配置性都应设置为false。可使用object.seal（）方法执行此操做：

1 2 3 4

Object.seal(cat); cat.color = 'black'; console.log(cat.color); // undefined console.log(Object.getOwnPropertyDescriptor(cat, 'name'));

由于您有一个密封的对象做为输出，因此您将获得未定义和可配置的设置为false。

总而言之，应该使用object.seal（）来密封对象。您将没法添加新属性，而且将配置设置为“false”。

Object.freeze

假设你想冻结一个物体，意思是：

• 您应该没法添加新的属性，这意味着调用object.preventextensions（）。
• 不该更改任何配置（将属性的configurable设置为false）
• 对于全部属性，writable应设置为false。

可使用object.freeze（）方法冻结对象。它本质上调用object.seal（）方法，并将可写属性设置为false。

让咱们考虑一个对象——cat：

1 2 3 4

var cat = {     name: 'foo',     age: 9 }

不该将新属性添加到对象中，全部属性的可配置性应设置为false，属性的可写性应设置为false。可使用object.freeze（）方法执行此操做：

1 2 3 4 5 6

Object.freeze(cat); cat.age = 10; cat.color = 'black'; console.log(cat.age); //9 console.log(cat.color); // undefined console.log(Object.getOwnPropertyDescriptor(cat, 'name'));

因为您已经冻结了对象，做为输出，您将获得未定义、9和可配置和可写设置为false。

总而言之，应该使用object.freeze（）冻结对象。一旦冻结对象，就不能添加新属性或重写属性值，而configurable将设置为false。

总结

在使用JavaScript中的对象时，您须要对建立对象的不一样方法有很强的理解。很是须要属性描述符、object.seal、object.preventextensions和object.freeze。但愿你如今能更好地理解这些概念。