快捷導(dǎo)航

JavaScript對(duì)象的property屬性詳解

更新時(shí)間：2014年04月01日 11:40:50 作者：

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

JavaScript中對(duì)象的property有三個(gè)屬性：
1.writable。該property是否可寫。
2.enumerable。當(dāng)使用for/in語(yǔ)句時(shí)，該property是否會(huì)被枚舉。
3.configurable。該property的屬性是否可以修改，property是否可以刪除。

在ECMAScript 3標(biāo)準(zhǔn)中，上面三個(gè)屬性的值均為true且不可改：新建對(duì)象的property是可寫的、可被枚舉的、可刪除的；而在ECMAScript 5標(biāo)準(zhǔn)中，可通過(guò)property的描述對(duì)象(property descriptor)來(lái)對(duì)這些屬性進(jìn)行配置和修改。

如果將property的值信息也作為property的屬性來(lái)看的話，對(duì)象中的property擁有四個(gè)屬性：value、writable、enumerable和configurable。

對(duì)于用getter和setter方法來(lái)定義的property，由于其沒(méi)有writable屬性(property是否可寫取決于setter方法是否存在)，因此這種property也有四個(gè)屬性：get、set、enumerable和configurable — get和set屬性的值為function。

獲取對(duì)象property的屬性

ECMAScript 5標(biāo)準(zhǔn)中，可以通過(guò)Object.getOwnPropertyDescriptor()來(lái)獲取對(duì)象自身某個(gè)property的屬性信息：

復(fù)制代碼代碼如下:

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繼承自原型對(duì)象，則返回undefined。

設(shè)置對(duì)象property的屬性

ECMAScript 5標(biāo)準(zhǔn)中，可以通過(guò)Object.defineProperty()來(lái)設(shè)置對(duì)象自身某個(gè)property的屬性：

復(fù)制代碼代碼如下:

Object.defineProperty(a, "y", {
    value:3,
    writable:true,
    enumerable:false,
    configuration:true
});
console.log(a.propertyIsEnumerable("y"));//false

如果設(shè)置的property是從原型對(duì)象中繼承而來(lái)的，那么JavaScript將在對(duì)象自身中創(chuàng)建一個(gè)同名的property，這與賦值操作的相關(guān)行為一致：

復(fù)制代碼代碼如下:

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訪問(wèn)：

復(fù)制代碼代碼如下:

Object.defineProperty(a, "y", {
    get:function(){return 42;}
});
console.log(a.y);//42

在使用Object.defineProperty()時(shí)，property描述對(duì)象中的屬性值可以部分忽略，當(dāng)屬性值有所忽略時(shí)，JavaScript中的處理規(guī)則如下：

如果property是新建的，則所有忽略的屬性值均為false或undefined。
如果property已存在，則所有忽略的屬性值維持原樣不變。

批量設(shè)置對(duì)象property的屬性

如果需要一次性設(shè)置多個(gè)property的屬性，可以使用Object.defineProperties()語(yǔ)句。該語(yǔ)句將返回修改后的對(duì)象。

復(fù)制代碼代碼如下:

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屬性設(shè)置規(guī)則

當(dāng)對(duì)property屬性進(jìn)行修改時(shí)，必須遵循以下規(guī)則。如果違反規(guī)則，JavaScript將報(bào)TypeError錯(cuò)誤：

如果對(duì)象不是extensible的，則只能修改已有property的屬性，無(wú)法添加新的property。
如果property的configurable屬性為false，則無(wú)法修改configurable和enumerable屬性的值，對(duì)于writable屬性，可以將其從true改為false，但無(wú)法將其從false改為true。如果property由getter和setter定義，則getter和setter方法無(wú)法被修改。
如果property的configurable屬性和writable屬性均為false，則property值不可改。如果property的writable屬性為false，但其configurable屬性為true，則property值依然可以修改。

您可能感興趣的文章: