JavaScript 讀寫(xiě)屬性

■知識(shí)點(diǎn)

    使用點(diǎn)語(yǔ)法可以快速讀寫(xiě)對(duì)象屬性，點(diǎn)語(yǔ)法左側(cè)是引用對(duì)象的變量，右側(cè)是屬性名。

    從結(jié)構(gòu)上分析，對(duì)象與數(shù)組相似，因此可以使用中括號(hào)來(lái)讀寫(xiě)對(duì)象屬性。

    使用Object.getOwnPropertyNames()函數(shù)能夠返回指定對(duì)象私有屬性的名稱。私有屬性是指用戶在本地定義的屬性，而不是繼承的原型屬性。具體用法如下：

    Object.getOwnPropertyNames(object)

    參數(shù)object表示一個(gè)對(duì)象，返回值為一個(gè)數(shù)組，其中包含所有私有屬性的名稱。其中包括可枚舉的和不可枚舉的屬性與方法的名稱。如果僅返回可枚舉的屬性和方法的名稱，應(yīng)該使用Object.keysO函數(shù)。

    使用Object.keysO函數(shù)僅能獲取可枚舉的私有屬性名稱。具體用法如下：

    Object.keys (object)

    參數(shù)object表示指定對(duì)象，可以JavaScript對(duì)象或DOM對(duì)象。返回值是一個(gè)數(shù)組，其中包含對(duì)象的可枚舉屬性名稱。

    使用Object.getOwnPropertyDescriptor()函數(shù)能夠獲取對(duì)象屬性的描述符。具體用法如下：

    Object。getOwnPropertyDescriptor(object, propertyname)

    參數(shù)object表示指定的對(duì)象，propertyname表示屬性的名稱。返回值為屬性的描述符對(duì)象。 

■實(shí)例設(shè)計(jì)

【示例1】下面的示例定義對(duì)象obj，包含屬性X，然后使用點(diǎn)語(yǔ)法讀取屬性x的值。

var obj = {                     //定義對(duì)象

    x:1,

}

console.log(obj.x);             //訪問(wèn)對(duì)象屬性X，返回1

obj.x = 2;                      //重寫(xiě)屬性值

console.log(obj.x);             //訪問(wèn)對(duì)象屬性X，返回2

【示例2】針對(duì)上面的示例，可以使用中括號(hào)語(yǔ)法讀寫(xiě)對(duì)象obj的屬性x的值。

console.log(obj["x"]);         //2

obj["x"] = 3;                 //重寫(xiě)屬性值

console.log(obj["x"]);         //3