javascript面向对象学习笔记（一）——属性

javascript面向对象学习笔记（一）——属性

属性类型

ECMAscript中有两种属性：数据属性和访问器属性。
1、数据属性：包含一个数据值的位置，可读取、写入；以及4个描述其行为的特性：
[[configurable]]:表示能否通过删除属性从而重新定义属性，能否修改属性的特性，能否把属性修改为访问器属性；
[[enumerable]]:表示能否通过for-in循环返回属性;
[[writable]]:表示能否修改属性的值；
[[value]]:包含这个属性的属性值。
可通过Object.defineProperty()修改以上特性。

var person={};
Object.defineProperty(person,”name”,{
    writable:false,
value:”Chiaki”,
});
alert(person.name);//Chiake
person.name=”wu”;//非严格模式下该操作将被忽略，严格模式下该操作将导致抛出错误
alert(person.name);//Chiaki，因为writeable=false指定name的属性值不可修改


var person={};
Object.defineProperty(person,"name",{
configurable:false,
value:"Chiaki"
});
alert(person.name);//Chiaki
delete person.name;//非严格模式下该操作将被忽略，严格模式下该操作将导致抛出错误
alert(person.name);//Chiaki,因为configurable:false表示不能从对象中删除属性

2、访问器属性*：包含一对getter和setter函数。读取访问器属性时调用getter函数，该函数负责返回有效的值；写入访问器属性时调用setter函数并传入新值，该函数负责决定如何处理数据。访问器属性也有四个属性：
[[configurable]]:表示能否通过删除属性从而重新定义属性，能否修改属性的特性，能否把属性修改为访问器属性；
[[enumerable]]:表示能否通过for-in循环返回属性;
[[get]]:读取属性时调用的函数，默认值的undefine；
[[set]]:写入属性时调用的函数，默认值为undefine；
访问器属性不能直接定义，必须使Object.defineProperty()来定义。

var book={
    _year:2004,//_year前面的下划线表示只能通过对象方法访问的属性
    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

只设置getter属性，即只能读不能写，只设置setter属性即只能写不能读。用Object.defineProperty()指定getter和setter的方法适用于IE9+,Firefox4+，Safari 5+，Opera 12+和Chrome，在此之前一般使用两个非标准方法__defineGetter__()和__defineSetter()__.

var book={
    _year:2004,//_year前面的下划线表示只能通过对象方法访问的属性
    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

定义多个属性

Object.defineProperties(对象，{属性1[,属性2][…][，属性n])
该方法适用于IE9+,Firefox4+，Safari 5+，Opera 12+和Chrome

var books={};
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;
            }
        }

    }
});

读取属性的特性

Object.getOwnPropertyDescriptor()取得给定属性的描述符。
接收两个参数：属性所在对象、要读取其描述符的属性名称。返回值是一个对象（如果是访问器属性，这个对象的属性有configurable、enumerable、get、set；如果是数据属性，这个对象的属性有configurable、enumerable、writable、value).
该方法适用于IE9+,Firefox4+，Safari 5+，Opera 12+和Chrome

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,因为使用Object.defineProperties(),没有设置configurable值
alert(typeof descriptor.get);//undefined

var descriptor=Object.getOwnPropertyDescriptor(book,"year");
alert(descriptor.value);//undefine
alert(descriptor.enumerable);//false
alert(typeof descriptor.get);//function

【参考自《javascript高级程序设计（第三版)】