對(duì)象屬性

ispring 發(fā)布于2019-08-23 16:53 / 3270人閱讀

摘要：作用修改屬性默認(rèn)的特性參數(shù)屬性所在的對(duì)象屬性的名字和一個(gè)描述符對(duì)象。描述符對(duì)象的屬性必須是和。這個(gè)方法接收兩個(gè)參數(shù)屬性所在的對(duì)象和要讀取器描述符的屬性名稱(chēng)。

屬性的類(lèi)型

ECMA-262 第 5 版在定義只有內(nèi)部才用的特性（attribute）時(shí)，描述了屬性（property）的各種特征。定義這些屬性是為了實(shí)現(xiàn)JavaScript引擎用的，因此在JavaScript中不能直接訪問(wèn)它們。為了我表示特性是內(nèi)部值，改規(guī)范把它們放在了兩對(duì)兒方括號(hào)中，例如[[Enumerable]]。

ECMAScript 中有兩種屬性：數(shù)據(jù)屬性和訪問(wèn)器屬性

1.數(shù)據(jù)屬性

數(shù)據(jù)屬性包含一個(gè)數(shù)據(jù)值的位置。在這個(gè)位置可以讀取和寫(xiě)入值。數(shù)據(jù)屬性有 4 個(gè)描述其行為的特性。

[[Configurable]]：表示能否通過(guò) delete 刪除屬性從而重新定義屬性，能否修改屬性的特性，或者能否把屬性修改為訪問(wèn)器屬性。直接在對(duì)象上定義的屬性，它們的這個(gè)特性默認(rèn)值為 true。

[[Enumerable]]：表示能否通過(guò) for-in 循環(huán)返回屬性。直接在對(duì)象上義的屬性，它們的這個(gè)特性默認(rèn)值為 true。

[[Writable]]：表示能否修改屬性的值。直接在對(duì)象上定義的屬性，它們的這個(gè)特性默認(rèn)值為 true。

[[Value]]：包含這個(gè)屬性的數(shù)據(jù)值。讀取屬性值的時(shí)候，從這個(gè)位置讀；寫(xiě)入屬性值的時(shí)候，新值保存在這個(gè)位置。這個(gè)特性的默認(rèn)值為 undefined。

Object.defineProperty()

作用：修改屬性默認(rèn)的特性
參數(shù)：屬性所在的對(duì)象、屬性的名字、和一個(gè)描述符對(duì)象。描述符對(duì)象的屬性必須是configurable、enumerable、writable 和 value。

Object.defineProperty(person, "name", { 
     writable: false, 
     value: "Nicholas" 
}); 
alert(person.name); //"Nicholas" 
person.name = "Greg"; 
alert(person.name); //"Nicholas"

一旦把configurable屬性定義為不可配置的，就不能再把它變回可配置了。此時(shí)，再調(diào)用 Object.defineProperty()方法修改除 writable 之外
的特性，都會(huì)導(dǎo)致錯(cuò)誤

var person = {}; 
Object.defineProperty(person, "name", { 
    configurable: false, 
    value: "Nicholas" 
}); 
//拋出錯(cuò)誤
Object.defineProperty(person, "name", { 
    configurable: true, 
    value: "Nicholas" 
});

在調(diào)用 Object.defineProperty()方法時(shí)，如果不指定，configurable、enumerable 和writable 特性的默認(rèn)值都是 false(未調(diào)用改方法時(shí)默認(rèn)值都為true)

2. 訪問(wèn)器屬性

訪問(wèn)器屬性不含數(shù)據(jù)值；他們包含一對(duì)兒getter和setter函數(shù)(不是必需的)。在讀取訪問(wèn)器屬性時(shí)，會(huì)調(diào)用getter函數(shù)，這個(gè)函數(shù)負(fù)責(zé)返回有效的值；在寫(xiě)入訪問(wèn)器屬性時(shí)，會(huì)調(diào)用setter函數(shù)并傳入新值。這個(gè)函數(shù)負(fù)責(zé)如何處理數(shù)據(jù)

訪問(wèn)器的四個(gè)屬性：

[[Configurable]]：表示能否通過(guò) delete 刪除屬性從而重新定義屬性，能否修改屬性的特性，或者能否把屬性修改為數(shù)據(jù)屬性。對(duì)于直接在對(duì)象上定義的屬性，這個(gè)特性的默認(rèn)值為true。

[[Enumerable]]：表示能否通過(guò) for-in 循環(huán)返回屬性。對(duì)于直接在對(duì)象上定義的屬性，這個(gè)特性的默認(rèn)值為 true。

[[Get]]：在讀取屬性時(shí)調(diào)用的函數(shù)。默認(rèn)值為 undefined。

[[Set]]：在寫(xiě)入屬性時(shí)調(diào)用的函數(shù)。默認(rèn)值為 undefined。

訪問(wèn)器屬性不能直接定義，必須使用 Object.defineProperty()來(lái)定義。

var book = { 
     _year: 2004,     //下劃線是一種常用的記號(hào)，用于表示只能通過(guò)對(duì)象方法訪問(wèn)的屬性
     edition: 1 
}; 
Object.defineProperty(book, "year", { 
     get: function(){ 
         return this._year; 
     }, 
    set: function(newValue){ 
        if (newValue > 2004) { 
            this._year = newValue; 
            this.edition += newValue - 2004; 
        } 
    } 
}); 
book.year = 2005; 
alert(book.edition); //2

支持 ECMAScript 5 的這個(gè)方法的瀏覽器有 IE9+（IE8 只是部分實(shí)現(xiàn)）、Firefox 4+、Safari 5+、Opera 12+ 和 Chrome 。在這個(gè)方法之前，要?jiǎng)?chuàng)建訪問(wèn)器屬性，一般都使用兩個(gè)非標(biāo)準(zhǔn)的方法：__defineGetter__()和__defineSetter__()。這兩個(gè)方法最初是由 Firefox 引入的，后來(lái) Safari 3、Chrome 1 和 Opera 9.5 也給出了相同的實(shí)現(xiàn)

var book = { 
     _year: 2004, 
     edition: 1 
}; 
//定義訪問(wèn)器的舊有方法
book.__defineGetter__("year", function(){ 
     return this._year; 
}); 
book.__defineSetter__("year", function(newValue){ 
 if (newValue > 2004) { 
     this._year = newValue; 
     this.edition += newValue - 2004; 
 } 
}); 
book.year = 2005; 
alert(book.edition); //2 
AccessorPropertiesExample02.htm 
在不支持 Object.defineProperty() 方法的瀏覽器中不能修改 [[Configurable]] 和 [[Enumerable]]。

2 定義多個(gè)屬性

Object.defineProperties()方法,利用這個(gè)方法可以通過(guò)描述符一次定義多個(gè)屬性。這個(gè)方法接收兩個(gè)對(duì)象參數(shù)：第一個(gè)對(duì)象是要添加和修改器屬性的對(duì)象，第二個(gè)對(duì)象的屬性和第一個(gè)對(duì)象中要添加或修改的屬性一一對(duì)象。

var book = {}; 
Object.defineProperties(book, { 
    _year: { 
        value: 2004 
    }, 
    edition: { 
        value: 1 
    }, 
    year: { 
        get: function(){

             return this._year; 
        }, 
        set: function(newValue){ 
            if (newValue > 2004) { 
                this._year = newValue; 
                this.edition += newValue - 2004; 
            } 
        } 
    } 
});

3 讀取屬性的特性

Object.getOwnPropertyDescriptor()方法，可以取得給定屬性的描述符。這個(gè)方法接收兩個(gè)參數(shù)：屬性所在的對(duì)象和要讀取器描述符的屬性名稱(chēng)。返回值是一個(gè)對(duì)象，如果是訪問(wèn)器屬性，這個(gè)對(duì)象的屬性有configurable、enumerable、get 和 set;如果是數(shù)據(jù)屬性，這個(gè)對(duì)象的屬性有 configurable、enumerable、writable 和 value。

var book = {}; 
Object.defineProperties(book, { 
     _year: { 
         value: 2004 
     }, 
     edition: { 
         value: 1 
     }, 
     year: { 
         get: function(){ 
             return this._year; 
         }, 
         set: function(newValue){ 
             if (newValue > 2004) { 
                 this._year = newValue; 
                 this.edition += newValue - 2004; 
             } 
         } 
     } 
}); 
var descriptor = Object.getOwnPropertyDescriptor(book, "_year"); 
alert(descriptor.value); //2004 
alert(descriptor.configurable); //false