面向对象前置知识
Object.defineProperty
Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。
Object.defineProperty(obj, prop, descriptor)
- obj要定义属性的对象
- prop要定义或修改的属性的名称或Symbol
- descriptor要定义或修改的属性描述符
属性描述符分类
属性描述符的类型有两种:
- 数据属性(Data Properties)描述符(Descriptor)
- 存取属性(Accessor访问器 Properties)描述符(Descriptor)
| configurable | enumerable | value | writable | get | set | |
|---|---|---|---|---|---|---|
| 数据描述符 | 可以 | 可以 | 可以 | 可以 | 不可以 | 不可以 |
| 存取描述符 | 可以 | 可以 | 不可以 | 不可以 | 可以 | 可以 |
数据属性描述符
数据属性描述符有如下四个特性:
[[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