Javascript之對象的屬性類型

ECMA-262第5版在定義只有內部才用的特性時，描述了屬性的各類特徵。ECMA-262定義這些特性是爲了實現Javascript引擎用的，所以在JavaScript中不能直接訪問它們。爲了表示特徵是內部值，該規範把它們放在了兩對方括號中，例如[[Enumberable]]。儘管ECMA-262第3版的定義有些不一樣，但本書只參考第5版的描述。

ECMAScript中有兩種屬性：數據屬性和訪問器屬性。

---

 

數據屬性

數據屬性包含一個數據值的位置。在這個位置能夠讀取和寫入值。數據屬性有4個描述其行爲的特性。

• [[Configurable]]：表示可否經過delete刪除屬性從而從新定義屬性，可否修改屬性的特性，或者可否把屬性修改成訪問器屬性。默認值爲true。
• [[Enumberable]]：表示可否經過for-in循環返回屬性。默認值爲true。
• [[Writable]]：表示可否修改屬性的值。默認值爲true。
• [[Value]]：包含這個屬性的數據值。讀取屬性值的時候，從這個位置讀；寫入屬性值的時候，把新值保存在這個位置。默認值爲undefined。

直接在對象上定義的屬性，它們的[[Configurable]]、[[Enumberable]]和[[Writable]]特性都被設置爲true，而[[Value]]特性被設置爲指定的值。例如：

1  var person = {
2      name: "Nicholas"    
3 };

這裏建立了一個名爲name的屬性，爲它指定的值是"Nicholas"。也就是說，[[Value]]特性將被設置爲"Nicholas"，而對這個值的任何修改都將反映在這個位置。

要修改屬性默認值的特性，必須使用ECMAScript 5的Object.defineProperty()方法。這個方法接收三個參數：屬性所在的對象、屬性的名字和一個描述符對象。其中，描述符對象的屬性必須是：configurable、enumerable、writable和value。設置其中的一個或多個值，能夠修改對應的特性值。例如：

 1  var person = {};
 2  Object.defineProperty(person, "name", {
 3      writable: false,
 4      configurable: false,
 5      value: "Nicholas"
 6  });
 7 
 8 alert(person.name);    //"Nicholas"
 9 person.name = "Greg";
10 alert(person.name);    //"Nicholas"
11 
12 delete person.name;
13 alert(person.name);    //"Nicholas"

---

訪問器屬性

訪問器屬性不包含數據值；它們包含一對getter和setter函數（不過，這兩個函數都不是必需的）。在讀取訪問器屬性時，會調用getter函數，這個函數負責返回有效的值；在寫入訪問器屬性時，會調用setter函數並傳入新值，這個函數負責決定如何處理數據。訪問器屬性有以下4個特性。

• [[Configurable]]：表示可否經過delete刪除屬性從而從新定義屬性，可否修改屬性的特性，或者可否把屬性修改成訪問器屬性。默認值爲true。
• [[Enumberable]]：表示可否經過for-in循環返回屬性。默認值爲true。
• [[Get]]：在讀取屬性時調用的函數。默認值爲undefined。
• [[Set]]：在寫入屬性時調用的函數。默認值爲undefined。

訪問器屬性不能直接定義，必須使用Object.defineProperty()來定義。請看下面的例子。

 1 var book = {
 2     _year: 2004,
 3    edition: 1
 4 };
 5 
 6 Object.defineProperty(book, "year", {
 7     get: function() {
 8         return this._year;
 9     },
10     set: function(newValue) {
11         if (newValue > 2004) {
12             this._year = newValue;
13             this.edition += newValue -2004;
14         }
15     }
16 });
17 
18 book.year = 2005;
19 alert(book.edition);    //2

---

定義多個屬性

使用Object.defineProperties()方法，這個方法接收兩個對象參數：第一個對象是要添加和修改其屬性的對象，第二個對象的屬性與第一個對象中要添加或修改的屬性一一對應。例如：

 1 var book = {};
 2 
 3 Object.defineProperties(book, {
 4     _year: {
 5         writable: true,
 6         value: 2004
 7     },
 8     edition: {
 9         writable: true,
10         value: 1
11     },
12     year: {
13         get: function() {
14             return this._year;
15         },
16         set: function() {
17             if (newValue > 2004) {
18                 this._year = newValue;
19                 this.edition += newValue - 2004;
20             }
21         }
22     }
23 });

之因此用「_」加變量名(_year)是爲了讓變量名和屬性名不相同，避免get、set方法死循環調用，由於自定義的get、set方法內用到了get（點方法）、set（=號賦值），若變量名和屬性名相同的話，會進入死循環調用。

支持Object.defineProperties()方法的瀏覽器有IE9+、Firefox 4+、Safari 5+、Opera 12+和Chrome。

---

讀取屬性的特性

使用Object.getOwnPropertyDescriptor()方法，能夠取得給定屬性的描述符。這個方法接收兩個參數：屬性所在的對象和要讀取其描述符的屬性名稱。返回值是一個對象，若是是訪問器屬性，這個對象的屬性有configurable、enumerable、get和set；若是是數據屬性，這個對象的屬性有configurable、enumerable、writable和value。例如：

 1 var book = {};
 2 
 3 Object.defineProperties(book, {
 4     _year: {
 5         writable: true,
 6         value: 2004
 7     },
 8     edition: {
 9         writable: true,
10         value: 1
11     },
12     year: {
13         get: function() {
14             return this._year;
15         },
16         set: function() {
17             if (newValue > 2004) {
18                 this._year = newValue;
19                 this.edition += newValue - 2004;
20             }
21         }
22     }
23 });
24 
25 var descriptor = Object.getOwnPropertyDescriptor(book, "_year");
26 alert(descriptor.value);    //2004
27 alert(descriptor.configurable);    //false 
28 alert(typeof descriptor.get);    //"undefined"
29 
30 var descriptor = Object.getOwnPropertyDescriptor(book, "year");
31 alert(descriptor.value);    //undefined
32 alert(descriptor.enumerable);    //false 
33 alert(typeof descriptor.get);    //"function"

支持Object.getOwnPropertyDescriptor()方法的瀏覽器有IE9+、Firefox 4+、Safari 5+、Opera 12+和Chrome。