對象屬性

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

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

屬性的類型

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

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

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

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

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

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

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

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

Object.defineProperty()

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

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

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

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

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

2. 訪問器屬性

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

訪問器的四個屬性：

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

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

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

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

訪問器屬性不能直接定義，必須使用 Object.defineProperty()來定義。

var book = { 
     _year: 2004,     //下劃線是一種常用的記號，用于表示只能通過對象方法訪問的屬性
     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 的這個方法的瀏覽器有 IE9+（IE8 只是部分實現(xiàn)）、Firefox 4+、Safari 5+、Opera 12+ 和 Chrome 。在這個方法之前，要創(chuàng)建訪問器屬性，一般都使用兩個非標準的方法：__defineGetter__()和__defineSetter__()。這兩個方法最初是由 Firefox 引入的，后來 Safari 3、Chrome 1 和 Opera 9.5 也給出了相同的實現(xiàn)

var book = { 
     _year: 2004, 
     edition: 1 
}; 
//定義訪問器的舊有方法
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 定義多個屬性

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

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()方法，可以取得給定屬性的描述符。這個方法接收兩個參數(shù)：屬性所在的對象和要讀取器描述符的屬性名稱。返回值是一個對象，如果是訪問器屬性，這個對象的屬性有configurable、enumerable、get 和 set;如果是數(shù)據(jù)屬性，這個對象的屬性有 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