【每日一题】Reflect.ownKeys 与 Object.keys 的区别

用法上

两个函数都是接受一个对象参数，并都是以数组形式返回对象属性的集合。

而且参数都必须是对象，如果是其他乱麻七糟的类型，会报错

Reflect.ownKeys(targetObj)

Object.keys(targetObj)

不同之处

关于对象属性是否可枚举

Reflect.ownKeys()可以得到对象自己的所有属性，包括不可枚举属性；
Object.keys()只能得到对象的普通可枚举属性，拿不到不可枚举属性。

关于Symbol属性

Reflect.ownKeys()可以拿到对象的Symbol 的属性；
Object.keys()不行。

关于数组的length属性

因为Reflect.ownKeys()可以得到对象的不可枚举属性这个特点，所以当目标对象是数组对象时，我们可以看到获取的结果会比Object.keys()多一个length属性

事实证明，数组的length也确实是“不可枚举的”：

关于对象的原型

俩人这点上谁也不比谁强，都拿不到原型链上的属性。

不过还好，这点需求上，可以用for...in来替代。

总结

分类表格

整理一个看上去更清晰的表格如下（感谢群友给的灵感）

数组length其实就是不可枚举属性那一列的延伸。

测试代码汇总：

Object.prototype.pr = "我是原型属性"; // 原型上增加“pr”属性
let s = Symbol();
let obj = {
  [s]: "this is Symbol", // 增加一个Symbol属性“[s]”
  a: "a", // 一个普通属性“a”
};
// 再定义一个不可枚举的属性“name”
Object.defineProperty(obj, "name", {
  value: "sunny",
  configurable: true,
  enumerable: false, // *
  writable: true,
});

// 观察打印结果
console.log("Object.keys", Object.keys(obj)); // 只得到一个普通属性：["a"]
console.log("Reflect.ownKeys(obj)", Reflect.ownKeys(obj)); // 得到普通属性，以及symbol和不可枚举属性：["a", "name", Symbol()]

// 遗憾的是，二者都拿不到 原型上的属性“pr”。我们用for in来获取
for(let o in obj){
  console.log(o) // 分别打印：a、pr
}

看来for in也不能获取symbol属性和不可枚举属性🤦‍♀️……