javascript中的描述对象（Descriptor）获取和定义随笔

Posted 2020-11-27 志在指尖

最近再看了阮一峰的老师的ES6入门，发现一个有趣的东西，借此纪录以及整理下。

对象的每个属性都有一个描述对象（Descriptor），用来控制该属性的行为。Object.getOwnPropertyDescriptor方法可以获取该属性的描述对象。

一、获取对象中属性描述对象

--Object.getOwnPropertyDescriptor(obj, propName)

参数：第一个参数是目标对象，第二个参数是目标对象的目标属性。

返回值：该属性描述对象

如：

 1 const obj = {
 2     item: ‘hello‘,
 3     msg:‘hi‘
 4 }
 5 Object.getOwnPropertyDescriptor(obj, ‘item‘)
 6 {
 7     value: ‘hello‘,
 8     writable: true,
 9     enumerable: true,
10     configurable: true
11 }

如：value表示值，enumerable表示是否可枚举

比如对象的通用方法toString()，数组的length属性，其描述对象的enumerable属性的都是false。

这就解决了我一个之前的一个疑问。遍历对象中的属性怎么不会循环出对象内置的属性方法。

二、获取对象中全部属性的属性描述对象

--Object.getOwnPropertyDescriptors(obj)

参数：想要获取的对象

返回值： 描述对象集合

三、属性描述对象的定义

--Object.defineProperty(obj, propName, descriptorObj)

参数：第一个参数目标对象，第二个参数是属性名，第三个参数是属性描述对象。

返回值： 修改后的对象

如：

 1 const obj = Object.defineProperty({}, ‘item‘, {
 2   item: ‘hello‘,
 3   writable: true,
 4   enumerable: true,
 5   configurable: true
 6 });
 7 
 8 // 当然，这样定义只是为了定义描述对象。
 9 // 直接
10 obj.item = hello   // 最终也和上面一样
11 
12 obj.item // "hello"