在 JavaScript 中，对象是我们经常使用的一种数据类型，对于对象的操作和属性获取，我们可以使用 Object 类型提供的一系列方法来实现。而在 ES2021 标准中，Object 类型新增了一个名为 Object.getOwnPropertyNames() 的方法，它可以用来获取对象中所有的属性（包括不可枚举属性）。
语法
Object.getOwnPropertyNames(obj)
- obj：需要获取属性的对象。
返回值
返回一个由指定对象的所有自身属性的属性名（包括不可枚举属性）组成的数组。
示例
-- -------------------- ---- ------- --- --- - - -- -- -- - -- -------------------------- ---- - ------ -- ----------- ----- --- --------------------------------------------- -- -------- ---- ----
解释
在上面的示例中，我们创建了一个对象 obj，包含了属性 a 和 b。然后，我们使用 Object.defineProperty() 方法来为对象添加一个 c 属性，并将该属性的可枚举属性设置为 false。最后，我们调用 Object.getOwnPropertyNames() 方法来获取对象中的所有属性名数组。
由于 c 的可枚举属性设置为 false，即该属性不可枚举，但在使用 Object.getOwnPropertyNames() 方法时，不可枚举的属性也会被返回。
学习指导意义
在实际开发中，我们经常需要获取一个对象的所有属性，不管是可枚举属性还是不可枚举属性。而在 ES6 之前，我们只能使用 for...in 循环来获取对象的所有属性。但是 for...in 循环有一个缺点，那就是它会把对象原型链上的属性也遍历出来。这个问题可以通过使用 hasOwnProperty() 方法进行过滤，但是代码会变得很繁琐。在 ES6 中，我们可以使用 Object.keys() 方法来获取一个对象的所有可枚举属性。但是如果要获取一个对象的所有属性，还需要通过其他方式来实现。
在 ES2021 标准中，Object.getOwnPropertyNames() 方法成为了获取对象所有属性的好方法，不管是可枚举属性还是不可枚举属性都可以获取到，大大方便了开发者在实际应用中的使用。因此，我们需要深入学习并掌握该方法的使用。
总结
Object.getOwnPropertyNames() 方法用于获取对象的所有属性名，包括不可枚举属性。它是一个解决 for...in 循环不能获取所有属性的好方法，非常方便实用。因此，学习并掌握该方法的使用，对于前端开发者来说是非常必要的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6481700548841e98940e44d4