【JavaScript高级】06-JavaScript对象知识增强
创始人
2024-02-24 03:25:50

JavaScript对象的知识增强

  • 对属性操作的控制
    • Object.defineProperty
  • 属性描述符
    • 属性描述符分类
    • 数据属性描述符(理解)
    • 存取属性描述符(掌握)

对属性操作的控制

在前面我们的属性都是直接定义在对象内部,或者直接添加到对象内部的:

但是这样来做的时候我们就不能对这个属性进行一些限制:比如这个属性是否是可以通过delete删除的?这个属性是否在for-in遍历的时候被遍历出来呢?

var obj={
name : "kkk" ,
age:18,
height:1.88

如果我们想要对一个属性进行比较精准的操作控制,那么我们就可以使用属性描述符。通过属性描述符可以精准的添加或修改对象的属性:

属性描述符需要使用Object.defineProperty来对属性进行添加或者修改

Object.defineProperty

在这里插入图片描述

属性描述符

属性描述符分类

属性描述符的类型有两种:

  • 数据属性(Data Properties)描述符(Descriptor) ;
  • 存取属性(Accessor访问器Properties)描述符(Descriptor) ;

在这里插入图片描述

数据属性描述符(理解)

数据数据描述符有如下四个特性:

[[Configurable]]︰:表示属性是否可以通过delete删除属性,是否可以修改它的特性,或者是否可以将它修改为存取属性描述符;

  • 当直接在一个对象上定义某个属性时,这个属性的[[Configurable]]为true;
  • 当通过属性描述符定义一个属性时,这个属性的[[Configurable]]默认为false;

[[Enumerable]]:表示属性是否可以通过for-in或者Object.keys()返回该属性;

  • 当直接在一个对象上定义某个属性时,这个属性的[[Enumerable]]为true;
  • 当通过属性描述符定义一个属性时,这个属性的[[Enumerable]默认为false;

[[Writable]]:表示是否可以修改属性的值;

  • 当直接在一个对象上定义某个属性时,这个属性的I[IWritable]]为true;
  • 当通过属性描述符定义一个属性时,这个属性的[[Writable]]默认为false;