对象属性

属性的类型ECMA-262 第 5 版在定义只有内部才用的特性（attribute）时，描述了属性（property）的各种特征。定义这些属性是为了实现JavaScript引擎用的，因此在JavaScript中不能直接访问它们。为了我表示特性是内部值，改规范把它们放在了两对儿方括号中，例如[[Enumerable]]。ECMAScript 中有两种属性：数据属性和访问器属性1.数据属性数据属性包含一个数据值的位置。在这个位置可以读取和写入值。数据属性有 4 个描述其行为的特性。[[Configurable]]：表示能否通过 delete 删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性。直接在对象上定义的属性，它们的这个特性默认值为 true。[[Enumerable]]：表示能否通过 for-in 循环返回属性。直接在对象上义的属性，它们的这个特性默认值为 true。[[Writable]]：表示能否修改属性的值。直接在对象上定义的属性，它们的这个特性默认值为 true。[[Value]]：包含这个属性的数据值。读取属性值的时候，从这个位置读；写入属性值的时候，新值保存在这个位置。这个特性的默认值为 undefined。Object.defineProperty()作用：修改属性默认的特性参数：属性所在的对象、属性的名字、和一个描述符对象。描述符对象的属性必须是configurable、enumerable、writable 和 value。Object.defineProperty(person, “name”, { writable: false, value: “Nicholas” }); alert(person.name); //“Nicholas” person.name = “Greg”; alert(person.name); //“Nicholas"一旦把configurable属性定义为不可配置的，就不能再把它变回可配置了。此时，再调用 Object.defineProperty()方法修改除 writable 之外的特性，都会导致错误var person = {}; Object.defineProperty(person, “name”, { configurable: false, value: “Nicholas” }); //抛出错误Object.defineProperty(person, “name”, { configurable: true, value: “Nicholas” });在调用 Object.defineProperty()方法时，如果不指定，configurable、enumerable 和writable 特性的默认值都是 false(未调用改方法时默认值都为true)2. 访问器属性访问器属性不含数据值；他们包含一对儿getter和setter函数(不是必需的)。在读取访问器属性时，会调用getter函数，这个函数负责返回有效的值；在写入访问器属性时，会调用setter函数并传入新值。这个函数负责如何处理数据访问器的四个属性：[[Configurable]]：表示能否通过 delete 删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为数据属性。对于直接在对象上定义的属性，这个特性的默认值为true。[[Enumerable]]：表示能否通过 for-in 循环返回属性。对于直接在对象上定义的属性，这个特性的默认值为 true。[[Get]]：在读取属性时调用的函数。默认值为 undefined。[[Set]]：在写入属性时调用的函数。默认值为 undefined。访问器属性不能直接定义，必须使用 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 - 2004; } } }); book.year = 2005; alert(book.edition); //2支持 ECMAScript 5 的这个方法的浏览器有 IE9+（IE8 只是部分实现）、Firefox 4+、Safari 5+、Opera 12+ 和 Chrome 。在这个方法之前，要创建访问器属性，一般都使用两个非标准的方法：defineGetter()和__defineSetter()。这两个方法最初是由 Firefox 引入的，后来 Safari 3、Chrome 1 和 Opera 9.5 也给出了相同的实现var book = { _year: 2004, 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 AccessorPropertiesExample02.htm 在不支持 Object.defineProperty() 方法的浏览器中不能修改 [[Configurable]] 和 [[Enumerable]]。 2 定义多个属性Object.defineProperties()方法,利用这个方法可以通过描述符一次定义多个属性。这个方法接收两个对象参数：第一个对象是要添加和修改器属性的对象，第二个对象的属性和第一个对象中要添加或修改的属性一一对象。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; } } } });3 读取属性的特性Object.getOwnPropertyDescriptor()方法，可以取得给定属性的描述符。这个方法接收两个参数： 属性所在的对象和要读取器描述符的属性名称。返回值是一个对象，如果是访问器属性，这个对象的属性有configurable、enumerable、get 和 set;如果是数据属性，这个对象的属性有 configurable、enumerable、writable 和 value。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