JS对象增强

发表于 更新于 阅读次数： 4 本文字数： 816 阅读时长 ≈ 3 分钟
Object.defineProperty()、对象方法补充。

Object.defineProperty

查看

Object.defineProperty()方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。

Object.defineProperty(obj, props, descriptor)
obj: 要定义一个属性的对象
props: 要定义或修改的属性的名称或Symbol
descriptor: 要定义或修改的属性描述符返回值： 被传递给此函数的对象

属性描述符分为数据属性（Data Properties）描述符（Descriptor）和存取属性（Accessor访问器 Properties）描述符。

数据属性描述符的特性：

  • [[Configurable]]：表示属性是否可以通过delete删除属性，是否可以修改它的特性，或者是否可以将它修改为存取属性描述符；

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

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

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

  • [[Writable]]：表示是否可以修改属性的值；

    • 当我们直接在一个对象上定义某个属性时，这个属性的[[Writable]]为true；
    • 当我们通过属性描述符定义一个属性时，这个属性的[[Writable]]默认为false；

  • [[value]]：属性的value值，读取属性时会返回该值，修改属性时，会对其进行修改；

    • 默认情况下这个值是undefined；

存取属性描述符的特性：

  • [[Configurable]]：表示属性是否可以通过delete删除属性，是否可以修改它的特性，或者是否可以将它修改为存取属性描述符；

    • 和数据属性描述符是一致的；
    • 当我们直接在一个对象上定义某个属性时，这个属性的[[Configurable]]为true；
    • 当我们通过属性描述符定义一个属性时，这个属性的[[Configurable]]默认为false；

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

    • 和数据属性描述符是一致的；
    • 当我们直接在一个对象上定义某个属性时，这个属性的[[Enumerable]]为true；
    • 当我们通过属性描述符定义一个属性时，这个属性的[[Enumerable]]默认为false；

  • [[get]]：获取属性时会执行的函数。默认为undefined

  • [[set]]：设置属性时会执行的函数。默认为undefined

Object.defineProperties() 方法直接在一个对象上定义 多个 新的属性或修改现有属性，并且返回该对象。

对象方法补充

查看

  • 获取对象的属性描述符：

    • getOwnPropertyDescriptor
    • getOwnPropertyDescriptors

  • 禁止对象扩展新属性：preventExtensions

    • 给一个对象添加新的属性会失败（在严格模式下会报错）；

  • 密封对象，不允许配置和删除属性：seal

    • 实际是调用preventExtensions
    • 并且将现有属性的configurable: false

  • 冻结对象，不允许修改现有属性：freeze

    • 实际上是调用seal
    • 并且将现有属性的writable: false