属性的范例
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