【读好书第四期】面向对象设计(一)

今天简单介绍一下对象的属性相关知识。导图如下:

image-20200104232716768

属性

对象的属性有两种:数据属性和访问器属性

数据属性

数据属性包含一个数据值的位置,可以读取和写入。具有一下四个特征:

  • [[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()

今天的分享就到这里了。谢谢阅读。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值