js面向对象前置知识

162 阅读3分钟

面向对象前置知识

Object.defineProperty

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

Object.defineProperty(obj, prop, descriptor)

  • obj要定义属性的对象
  • prop要定义或修改的属性的名称或Symbol
  • descriptor要定义或修改的属性描述符

属性描述符分类

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

  • 数据属性(Data Properties)描述符(Descriptor)
  • 存取属性(Accessor访问器 Properties)描述符(Descriptor)
configurableenumerablevaluewritablegetset
数据描述符可以可以可以可以不可以不可以
存取描述符可以可以不可以不可以可以可以

数据属性描述符

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

[[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 同时定义多个属性

代码如下:

var obj = { _age: 18 }
Object.defineProperties(obj, {
    name: {
        writable: true,
        value: "why"
    },
    age: {
        get: function () { return this._age }
    }
})

对象方法补充

获取对象的属性描述符∶

  • getOwnPropertyDescriptor
  • getOwnPropertyDescriptors

禁止对象扩展新属性:preventExtensions

  • 给一个对象添加新的属性会失败(在严格模式下会报错);

密封对象,不允许配置和删除属性: seal

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

冻结对象,不允许修改现有属性:freeze

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