JavaScript的对象的两种属性

JavaScript的对象

JavaScript对象有两种属性：数据属性和访问器属性。

数据属性

数据属性包含一个数据的位置，在这个位置可以读取和写入值，数据属性有四个描述其行为的特性。

• Configurable： 表示能否通过delete删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性；
• Enumeratable：表示能否通过for-in循环返回属性；
• Writable：表示能否修改属性的值；
• value：包含这个属性的数据值。

要修改属性的默认特性，必须使用Object.defineProperty()方法。该方法接收三个参数，对象名名、属性名和描述符对象，例如：

var person = {};
Object.defineProperty(person, 'name',{
	writable: false,
	name: 'Lilei'
})

console.log(person.name);  //Lilei
person.name = 'hanmeimei';
console.log(person.name) // Lilei  严格模式下会报错

ie8是第一个实现Object.defineProperty()方法的浏览器版本。但是这个版本的实现有很多的限制：只能在DOM对象上使用这个方法，而且只能创建访问器属性。

访问器属性

访问器属性不包含数据值；它们包含一对getter和setter函数（非必需）。读取访问器属性时，会调用getter函数，getter函数负责返回有效的值；写入访问器属性时，会调用setter函数并传入新值，setter函数负责决定如何处理数据。访问器属性有如下四个属性：

• configurable： 表示能否通过delete删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性；
• enumeratable：表示能否通过for-in循环返回属性；默认值为false；
• get：读取属性时调用的函数，默认undefined；
• set：写入属性时调用的函数，默认underfined；
  访问器属性不能直接定义，必须使用Object.defineProperty()来定义，如下：

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 -2014;
		}
	}
});

book.year =2015;
console.log(book.edition);  // 2