第六章 面向对象的程序设计 数据属性+访问器属性

6.1 理解对象

1：属性类型（数据属性+访问器属性）

①数据属性：

[[Configurable]]是否可以删除属性

[[Enumerable]]是否可以通过for-in循环返回属性

[[Writable]]是否可以修改属性

[[Value]]属性的数据值

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

②访问器属性

[[Configurable]]是否可以删除属性

[[Enumerable]]是否可以通过for-in循环返回属性

[[Get]]读取属性时调用的函数

[[Set]]写入属性时调用的函数

var person = {
name: "2005"
};
Object.defineProperty(person,"name",{
get: function(){
return this.name;
},
set: function(newValue){
this._year = newValue;
this.edition += newValue - 2004;
}
});
alert(person.name);

上面这种写法会出现Uncaught RangeError: Maximum call stack size exceeded这种报错,之所以会报错，是因为不断的get会继续触发get,进入死循环，导致内存溢出！

var person = {
_name: "2005"
};
Object.defineProperty(person,"name",{
get: function(){
return this._name;
},
set: function(newValue){
this._year = newValue;
this.edition += newValue - 2004;
}
});
alert(person.name);

这种写法将有的name写成_name可以正确访问到

【注】访问器属性和数据属性的后两个属性如果同时写在一个defineProperty函数中的话，会报错。需要分开写。

2：定义多个属性

Object.defineProperties(x,y) x接收对象,y的属性与第一个对象中要添加或修改的属性一一对应

var book = {};

Object.defineProperties(books,{
_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:读取多个属性

var book = {};

Object.defineProperties(books,{
_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");
//数据属性对象，可以访问数据属性的四个属性
var descriptor = Object.getOwnPropertyDescriptor(book,"year");
//访问器属性对象，可以访问访问器属性的四个属性

【注】_year前面的下划线是一种常用记号，用于表示只能通过对象方法访问的属性