【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。但願你如今能更好地理解這些概念。