实际使用 Object.keys 和 Reflect.ownKeys 时需要注意的点

Object.keys() 方法会返回1个由一个给定对象的自身可枚举属性组成的数组。

Reflect.ownKeys() 方法会返回1个由目标对象自身的属性键组成的数组,它的返回值等同于

“ Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj)) ”

当我们使用 Object.keys() 方法和 Reflect.ownKeys() 方法获取对象的不可枚举属性时,两者是有差异的。

const o = {
    std1: 1,
    std2: '0',
};

Object.defineProperty(o, '_un_enum', {
    value: 'un-enum',
    writable: true,
    configurable: true,
    enumerable: false,
});

分别使用两方法去获取属性,区别如下:

Object.keys(o); // ['std1', 'std2']
Reflect.ownKeys(o); // ['std1', 'std2', '_un_enum']

综上,如果在日常开发中,只是想获取某个对象直观定义的属性名称列表,Object.keys() 方法是完全够用的。

另外,如果你对 Reflect.ownKeys() 方法并不了解,在使用前一定先熟悉一下,看看它是否适用当前场景。否则,它又可能获取你“意料之外”的值。

扩充:

那 Object.getOwnPropertyNames() 方法又有什么样的功能呢?

Object.getOwnPropertyNames() 方法会返回由1个由一个指定对象的所有自身属性的属性名(包括不可枚举属性,但不包括以Symbol值作为名称的属性)组成的数组。

const a = [];

Object.keys(a); // []
Object.getOwnPropertyNames(a); // ['length']
Reflect.ownKeys(a); // ['length']

Object.getOwnPropertySymbols() 方法,顾名思义,其会返回1个由一个给定对象自身的所有Symbol属性组成的数组。 

const o = {};

const prop_a = Symbol('a');
const prop_b = Symbol.for('b'); // 存在于全局注册表中

o[prop_a] = 'local symbol';
o[prop_b] = 'global symbol';

Object.keys(o); // []
Object.getOwnPropertySymbols(o); // [Symbol(a), Symbol(b)]
Reflect.ownKeys(o); // [Symbol(a), Symbol(b)]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值