今天简单介绍一下对象的属性相关知识。导图如下:
属性
对象的属性有两种:数据属性和访问器属性
数据属性
数据属性包含一个数据值的位置,可以读取和写入。具有一下四个特征:
- [[Configurable]]:能否删除属性或定义属性 。默认值
true
- [[enumerbale]]:能否通过forin循环返回对象。默认值
true
- [[Writable]]:可否修改属性值。默认值
true
- [[Value]]:保存的数据值。默认
undefined
问题:如何修改默认的特性?
需要使用Object.defineProperty()
方法。
var person={};
Object.defineProperty(person,"name",{
writable:false,
value:"Nicholas"
})
// 这里定义了一个name属性,不可以修改。
「注意」Object.defineProperty()
可以重复的修改同一个属性。
访问器属性
访问器属性不包含数据值;它们包含一对儿getter和setter函数(不过,这两个函数都不是必需的)。
在读取访问器属性时,会调用getter函数,这个函数负责返回有效的值;
在写入访问器属性时,会调用setter函数并传入新值,这个函数负责决定如何处理数据。
访问器属性同样包含4个特性:
- [[Configurable]]:能否删除属性或定义属性 。默认值
true
- [[enumerbale]]:能否通过forin循环返回对象。默认值
true
- [[Set]]:设置属性的时候调用的函数。默认值
undefined
- [[Get]]:读取属性的时候调用的函数。默认
undefined
这四个属性也需要Onject.definedProperty
定义。
var book={
_year:2004,
edition:1
};
Object.defineProperty(book,"year",{
get: function() {
returnthis._year;
},
set:function(newValue){
if(newValue>2004){
this._year=newValue;
this.edition+=newValue-2004;
}
}
});
book.year=2005;alert(book.edition);//2
以上代码创建了一个book对象,并给它定义两个默认的属性:_year和edition。
其他
同时定义多个属性Object.defineProperties()
获取属性的特性Object.getOwnPropertyDescriptor()
今天的分享就到这里了。谢谢阅读。