ECMA-262 第 5 版在定义只有内部才用的特性(attribute)时,描述了属性(property)的各类特征。定义这些属性是为了实现JavaScript引擎用的,所以在JavaScript中不能直接访问它们。为了我表示特性是内部值,改规范把它们放在了两对儿方括号中,例如[[Enumerable]]。浏览器
ECMAScript 中有两种属性:数据属性和访问器属性函数
数据属性包含一个数据值的位置。在这个位置能够读取和写入值。数据属性有 4 个描述其行为的特性。this
做用:修改属性默认的特性
参数:属性所在的对象、属性的名字、和一个描述符对象。描述符对象的属性必须是configurable、enumerable、writable 和 value。code
Object.defineProperty(person, "name", { writable: false, value: "Nicholas" }); alert(person.name); //"Nicholas" person.name = "Greg"; alert(person.name); //"Nicholas"
一旦把configurable属性定义为不可配置的,就不能再把它变回可配置了。此时,再调用 Object.defineProperty()方法修改除 writable 以外
的特性,都会致使错误htm
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)对象
访问器属性不含数据值;他们包含一对儿getter和setter函数(不是必需的)。在读取访问器属性时,会调用getter函数,这个函数负责返回有效的值;在写入访问器属性时,会调用setter函数并传入新值。这个函数负责如何处理数据ip
访问器的四个属性:get
访问器属性不能直接定义,必须使用 Object.defineProperty()来定义。it
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 三、Chrome 1 和 Opera 9.5 也给出了相同的实现io
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]]。
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; } } } });
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