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