JavaScript 中 Object.getOwnPropertyNames() 与 Object.keys() 的区别？

大部分情况下，Object.getOwnPropertyNames() 和 Object.keys() 的功能是一样的，我们一般用他们来获取对象中所有的属性，或者是获取对象中属性的个数：

const obj = {
    aa: 1,
    bb: 2,
};

console.log(Object.keys(obj));
console.log(Object.getOwnPropertyNames(obj));

输出：

 

但其实这两个方法之间还是有区别的，不然何必大动干戈定义两个功能相同的方法，

那他们之间的区别是什么呢？

那就是 Object.keys() 返回的是所有可枚举属性，而 Object.getOwnPropertyNames() 返回的是对象所有的属性，看例子：

const obj = {};

Object.defineProperties(obj, {
    aa: {enumerable: true, value: 1},
    bb: {enumerable: false, value: 2},
});

console.log(Object.keys(obj));
console.log(Object.getOwnPropertyNames(obj));

可以看到输出结果不一样了：

ok完结，撒花 🌸✨🌼🌻🌺