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

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

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

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

发布了169 篇原创文章 · 获赞 34 · 访问量 10万+

猜你喜欢

转载自blog.csdn.net/weixin_40814356/article/details/103839250