JavaScript對象 屬性

除了包含名字和值外，屬性還包含了一些他們可寫、可枚舉、可配置的特性。JavaScript中包含兩種屬性：數據屬性和訪問器屬性。

數據屬性：

configurable:表示能否通過delete刪除屬性從而重新定義屬性，能否修改屬性的特性，或者能把屬性改成訪問器屬性。

enumerable:表示能否通過for-in循環返回屬性。

writable:表示能否修改屬性的值。

value:包含這個屬性的數據值。

要修改屬性默認的特性，使用Object.defineProperty()。

        var person = {};
        Object.defineProperty(person, "name", {
            configurable: false,//一旦把屬性定義為不可配置，就不能再修改為可配置。
            writable: false,
            value: "Nicholas"
        });
        delete person.name;
        alert(person.name); //Nicholas
        person.name = "Michael";
        alert(person.name); //Nicholas

訪問器屬性：

configurable:表示能否通過delete刪除屬性從而重新定義屬性，能否修改屬性的特性，或者能把屬性改成訪問器屬性。

enumerable:表示能否通過for-in循環返回屬性。

get:在讀取屬性時調用的函數。

value:在寫入屬性時調用的函數。

       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
 Note: this example only works in browsers that have implemented the ECMAScript 5

定義多個屬性 Object.defineProperties()

         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;
                    }                  
                }            
            }        
        });
           
        book.year = 2005;
        alert(book.edition);   //2
        Note: this example only works in browsers that have implemented the ECMAScript 5

讀取屬性的特性

        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
        alert(typeof descriptor.get);     //"undefined"

        var descriptor = Object.getOwnPropertyDescriptor(book, "year");
        alert(descriptor.value);          //undefined
        alert(descriptor.enumerable);     //false
        alert(typeof descriptor.get);     //"function"
        Note: this example only works in browsers that have implemented the ECMAScript 5