JavaScript物件的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,
   true
});
console.log(a.propertyIsEnumerable("y"));//false

如果設定的property是從原型物件繼承而來的，那麼JavaScript將在物件本身中建立一個同名的property，這與賦值操作的相關行為一致：

複製程式碼 程式碼如下:

Object.defineProperty(a, "x", {
    value:1,
    writable:true,
    enumerable:false, ;
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

console.log(a.y);//42

console.log(a.y);//42
console.log(a.y);//42

console.log(a.y);//42

console.log(a.y);//42
console.log(a.y); / 🎜>在使用Object.defineProperty()時，property描述物件中的屬性值可以部分忽略，當屬性值有所忽略時，JavaScript中的處理規則如下：

如果property是新建的，則所有忽略的屬性值都是false或undefined。

如果property已存在，則所有忽略的屬性值維持原樣不變。

批次設定物件property的屬性 如果需要一次設定多個property的屬性，可以使用Object.defineProperties()語句。該語句將傳回修改後的物件。

複製程式碼


程式碼如下:

Object.defineProperties(a, {Object.defineProperties(a, {    "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值仍可修改。