本篇内容主要总结《Javascirpt高级程序设计》中第六章内容
js中两种属性类型
1 数据属性:包含一个数据值的位置
数据属性具有的特性:
[[Configuration]]特性: 是否能通过delete删除属性,默认true
[[Enumerable]]特性: 能否通过 for-in 循环遍历属性,默认值true
[[Writable]]特性: 能否修改特性的值,默认值true
[[Value]]特性: 属性值的地址,读取属性值时从这个地址读,写入时将新值保存到这个地址。默认值undefined
修改属性的特性值,通过 object.defineProperty()方法:
//Object.defineProperty()方法参数:所在对象,属性名称,描述符对象(configuration,enumerable,writebale,value中一个或多个)
var person = {};
Object.defineProperty(person, "name", {
writable: false, //false,用户将不能修改属性值,但配置成true后用户就可以修改
value: "Nicholas"
});
alert(person.name); //"Nicholas"
person.name = "Greg";
alert(person.name); //"Nicholas"
var person = {};
Object.defineProperty(person, "name", {
configurable: false,//配置成false后,就不能将其变为可配置的
value: "Nicholas"
});
2 访问器属性
访问器属性不包含数据值,包含一对儿 getter 和 setter 函数(这两个函数都不是必需的)。
在读取访问器属性时,会调用 getter 函数,这个函数负责返回有效的值;在写入访问器属性时,会调用
setter 函数并传入新值,有如下 4 个特性。
[[Configurable]],[[Enumerable]]
[[Get]]:读取属性时调用的函数,默认值为 undefined
[[Set]]:写入属性时调用的函数,默认值为 undefined
访问器属性不能直接定义,必须使用 Object.defineProperty()来定义
例:定义year访问器属性
var book = {
_year: 2004,
edition: 1
};
Object.defineProperty(book, "year", { //定义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
注:不一定非要同时指定 getter 和 setter只指定 getter 意味着属性不能写,只指定 setter 函数的属性不能读
定义属性,读取属性
通过Object.defineProperties()函数读
Object.getOwnPropertyDescriptor()函数写
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
alert(typeof descriptor.get); //"undefined"
var descriptor = Object.getOwnPropertyDescriptor(book, "year");
alert(descriptor.value); //undefined
alert(descriptor.enumerable); //false
alert(typeof descriptor.get); //"function"