JavaScript對象的property屬性詳解

 這篇文章主要介紹了JavaScript對象的property屬性,詳細講解了property的各種屬性,需要的朋友可以參考下

JavaScript中對象的property有三個屬性： 1.writable。該property是否可寫。 2.enumerable。當使用for/in語句時，該property是否會被枚舉。 3.configurable。該property的屬性是否可以修改，property是否可以刪除。   在ECMAScript 3標准中，上面三個屬性的值均為true且不可改：新建對象的property是可寫的、可被枚舉的、可刪除的；而在ECMAScript 5標准中，可通過property的描述對象(property descriptor)來對這些屬性進行配置和修改。   如果將property的值信息也作為property的屬性來看的話，對象中的property擁有四個屬性：value、writable、enumerable和configurable。   對於用getter和setter方法來定義的property，由於其沒有writable屬性(property是否可寫取決於setter方法是否存在)，因此這種property也有四個屬性：get、set、enumerable和configurable — get和set屬性的值為function。   獲取對象property的屬性   ECMAScript 5標准中，可以通過Object.getOwnPropertyDescriptor()來獲取對象自身某個property的屬性信息： 代碼如下: var o = {x:1}; var a = Object.create(o); a.y = 3; console.log(Object.getOwnPropertyDescriptor(a, "y"));//Object {configurable=true, enumerable=true, writable=true, value=3} console.log(Object.getOwnPropertyDescriptor(a, "x"));//undefined 可以看到，如果property不存在或者property繼承自原型對象，則返回undefined。   設置對象property的屬性   ECMAScript 5標准中，可以通過Object.defineProperty()來設置對象自身某個property的屬性：  代碼如下: Object.defineProperty(a, "y", {     value:3,     writable:true,     enumerable:false,     configuration:true }); console.log(a.propertyIsEnumerable("y"));//false 如果設置的property是從原型對象中繼承而來的，那麼JavaScript將在對象自身中創建一個同名的property，這與賦值操作的相關行為一致： 代碼如下: Object.defineProperty(a, "x", {     value:1,     writable:true,     enumerable:false,     configuration:true }); console.log(a.propertyIsEnumerable("x"));//false console.log(o.propertyIsEnumerable("x"));//true 除了修改property的屬性，還可以將property改為用getter或setter訪問： 代碼如下: Object.defineProperty(a, "y", {     get:function(){return 42;} }); console.log(a.y);//42 在使用Object.defineProperty()時，property描述對象中的屬性值可以部分忽略，當屬性值有所忽略時，JavaScript中的處理規則如下：   如果property是新建的，則所有忽略的屬性值均為false或undefined。 如果property已存在，則所有忽略的屬性值維持原樣不變。     批量設置對象property的屬性   如果需要一次性設置多個property的屬性，可以使用Object.defineProperties()語句。該語句將返回修改後的對象。    代碼如下: Object.defineProperties(a, {     "y":{value:79, writable:true, enumerable:true, configurable:true},     "z":{value:99, writable:true, enumerable:true, configurable:true} }); console.log(a);//Object {y=79, z=99} property屬性設置規則   當對property屬性進行修改時，必須遵循以下規則。如果違反規則，JavaScript將報TypeError錯誤：   如果對象不是extensible的，則只能修改已有property的屬性，無法添加新的property。 如果property的configurable屬性為false，則無法修改configurable和enumerable屬性的值，對於writable屬性，可以將其從true改為false，但無法將其從false改為true。如果property由getter和setter定義，則getter和setter方法無法被修改。 如果property的configurable屬性和writable屬性均為false，則property值不可改。如果property的writable屬性為false，但其configurable屬性為true，則property值依然可以修改。