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);//Chiakeperson.name=”wu”;//非严格模式下该操作将被忽略，严格模式下该操作将导致抛出错误alert(person.name);//Chiaki，因为writeable=false指定name的属性值不可修改var person={};Object.defineProperty(person,"name",{configurable:false,value:"Chiaki"});alert(person.name);//Chiakidelete 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);//2004alert(descriptor.configurable);//false,因为使用Object.defineProperties(),没有设置configurable值alert(typeof descriptor.get);//undefinedvar descriptor=Object.getOwnPropertyDescriptor(book,"year");alert(descriptor.value);//undefinealert(descriptor.enumerable);//falsealert(typeof descriptor.get);//function

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