Js中的数据属性和访问器属性

 

Js中的数据属性和访问器属性

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

1、数据属性

1.数据属性：它包含的是一个数据值的位置，在这能够对数据值进行读写。

2.数据属性包含四个特性，分别是：

configurable：表示可否经过delete删除属性从而从新定义属性，可否修改属性的特性，或可否把属性修改成访问器属性，默认为true

 enumerable:表示可否经过for-in循环返回属性

 writable：表示可否修改属性的值

 value：包含该属性的数据值。默认为undefined

以下面这个例子：建立一个对象person，打印出name属性的特性的默认值

 

 

执行结果：

 

 

 

对几个特性的测试：

 

 

测试结果：

 

 

3.修改数据属性的默认特性

修改属性属性的默认特性要用到一个方法：Object.defineProperty()方法，这个方法有三个参数：属性所在的对象，属性名，一个描述符对象。

经过这个方法，咱们能够来修改一个属性的这4个特性。

如咱们对刚刚上面的penson对象里面的name属性的特性进行修改：

 

 

执行结果：

 

结果中能够看到，person对象的name属性中的四个特性的值都相应改变了。同时后面的报错是对configurable这个特性改成false后的局限的测试。

上面的注释中是分别对各个属性修改后的影响的测试。你们能够本身运行下试试效果。

 

2、访问器属性

1.访问器属性：这个属性不包含数据值，包含的是一对get和set方法，在读写访问器属性时，就是经过这两个方法来进行操做处理的。

2.访问器属性包含的四个特性：

configurable：表示可否经过delete删除属性从而从新定义属性，可否修改属性的特性，或可否把属性修改成访问器属性，默认为false

 enumerable:表示可否经过for-in循环返回属性,默认为false

 Get：在读取属性时调用的函数,默认值为undefined

 Set：在写入属性时调用的函数,默认值为undefined

这里要注意下，访问器属性不能直接定义，要经过Object.defineProperty()这个方法来定义。

下面来个例子，建立一个访问器对象book，接着打印出其year访问器属性的特性描述并对其方法进行测试打印：

 

 

执行结果：

 

其余两个特性configurable，enumerable的测试方式能够参照数据属性的。不过在这特别说明下，关于configurable这个特性，由于访问器属性里面这个

特性默认值为false，若是程序后面须要对该属性进行delete操做等，那就在定义访问器属性时，将这个特性设置为true，否则这个会致使后面一些报错的问题。