JS对象中的属性

前言

在javaScript中,对象的属性分为两种类型:数据属性和访问器属性。

一、数据属性

1.数据属性:它包含的是一个数据值的位置,在这个位置可以读取和写入数据值。
2.数据属性包含四个特性,分别是:

  • configurable:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或能否把属性修改为访问器属性,默认为true
  •  enumerable:表示能否通过for-in循环返回属性
  •  writable:表示能否修改属性的值
  •  value:包含该属性的数据值。默认为undefined

如下面这个例子:创建一个对象foo,打印出name属性的特性的默认值
JS对象中的属性_第1张图片
3.修改数据属性的默认特性
修改属性属性的默认特性要用到一个方法:Object.defineProperty()方法,这个方法有三个参数:属性所在的对象,属性名,一个描述符对象。
通过这个方法,我们可以来修改一个属性的这4个特性。
如我们对刚刚上面的foo对象里面的name属性的特性进行修改,实验结果如上方的截图。

二、访问器属性

1.访问器属性:这个属性不包含数据值,包含的是一对get和set方法,在读写访问器属性时,就是通过这两个方法来进行操作处理的。
2.访问器属性包含的四个特性:

  • configurable:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或能否把属性修改为访问器属性,默认为false
  •  enumerable:表示能否通过for-in循环返回属性,默认为false
  •  Get:在读取属性时调用的函数,默认值为undefined
  •  Set:在写入属性时调用的函数,默认值为undefined

这里要注意下,访问器属性不能直接定义,要通过Object.defineProperty()这个方法来定义。
下面来个例子,创建一个访问器对象book,接着打印出其year访问器属性的特性描述并对其方法进行测试打印:

JS对象中的属性_第2张图片

执行结果:

JS对象中的属性_第3张图片

由上面的执行结果可以看出,使用访问器属性时,设置一个属性的值会导致其他属性发生变化,而修改其他属性,如果该属性和访问器属性无关,则不会影响到访问器属性。在这特别说明下,关于configurable这个特性,因为访问器属性里面这个特性默认值为false,如果程序后面需要对该属性进行delete操作等,那就在定义访问器属性时,将这个特性设置为true,不然这个会导致后面一些报错的问题。

你可能感兴趣的:(前端基础)