在前端的开发过程中，我们经常需要遍历某个对象的属性，以便进行各种操作。ES6 之前，我们使用 for...in 和 Object.keys() 来获取对象的属性名。ES7 为我们提供了一个新的方法 Object.getOwnPropertyNames()，那么和 Object.keys() 相比，它有什么不同呢？
Object.keys()
Object.keys() 方法返回一个数组，包含一个对象的所有可枚举属性的名称。它的语法如下：
Object.keys(obj)
其中，obj 是要返回其属性的对象。
下面是一个简单的例子，展示了如何使用 Object.keys() 获取一个对象的属性名。
const obj = { a: 1, b: 2, c: 3 };
const keys = Object.keys(obj);
console.log(keys); // ["a", "b", "c"]Object.getOwnPropertyNames()
Object.getOwnPropertyNames() 方法返回一个数组，包含一个对象的所有属性的名称，包括不可枚举属性。它的语法如下：
Object.getOwnPropertyNames(obj)
其中，obj 是要返回其属性的对象。
下面是一个简单的例子，展示了如何使用 Object.getOwnPropertyNames() 获取一个对象的属性名。
const obj = { a: 1, b: 2 };
Object.defineProperty(obj, "c", { value: 3, enumerable: false });
const names = Object.getOwnPropertyNames(obj);
console.log(names); // ["a", "b", "c"]在这个例子中，我们定义了一个对象 obj，并给它手动添加了一个不可枚举属性 c。使用 Object.getOwnPropertyNames()，我们可以获取到这个属性的名称。
需要注意的是，在使用 Object.getOwnPropertyNames() 时，如果参数不是对象，会抛出一个 TypeError。
总结
Object.keys() 方法和 Object.getOwnPropertyNames() 方法都是用来获取对象的属性名，但是它们有着不同的用途。Object.keys() 只能获取到对象的可枚举属性，而 Object.getOwnPropertyNames() 可以获取到所有属性，包括不可枚举属性。
在实际开发中，我们需要根据具体的需求来选择使用哪个方法。如果需要获取所有属性，包括不可枚举属性，就可以使用 Object.getOwnPropertyNames() 方法。而如果只需要获取可枚举属性，就可以使用 Object.keys() 方法。
希望本文对大家了解 ES7 中的 Object.keys() 方法和 Object.getOwnPropertyNames() 方法有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645db2f4968c7c53b001a2c5