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

大部分情况下Object.getOwnPropertyNames()与Object.keys(obj)的功能是一样的，我们一般也是用来获取一个JSON对象中所有属性，例如

const obj = {
    property1: 1,
    property2: 2,
};

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

输出：

> Array ["property1", "property2"]
> Array ["property1", "property2"]

可以看到两种方法输出的结果是一样的，那么这两种方法完全一样吗？答案一般来讲不是，如果一样何必大动干戈定义两种方法
那么这两种方法区别在哪里呢？那就是Object.getOwnPropertyNames返回的是对象所有自己的属性，而Object.keys(obj)则返回的是所有可枚举属性，也就是属性下的enumerable: false，看例子：

const obj = {};
Object.defineProperties(obj, {
    property1: {enumerable: true, value: 1},
    property2: {enumerable: false, value: 2},
});

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

输出：

> Array ["property1"]
> Array ["property1", "property2"]

可以看到输出结果不一样了，enumerable: false被Object.getOwnPropertyNames干掉了。