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

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

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

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

 

那 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)]

 

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

例如有对象 o ：

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() 方法并不了解，在使用前一定先熟悉一下，看看它是否适用当前场景。否则，它又可能获取你“意料之外”的值。