在前端开发的过程中，我们常常需要处理对象。而在 JavaScript 中，对象是一类特殊的数据类型，它是由键值对组成的。在处理对象时，我们经常需要获取对象的属性名。ES8 中新增的 Object.getOwnPropertyNames() 方法可以方便地获取对象的所有属性名。在本篇文章中，我们将对该方法进行详细介绍，并提供示例代码，以帮助读者更好地理解和应用该方法。
Object.getOwnPropertyNames() 方法的语法
Object.getOwnPropertyNames() 方法的语法如下：
Object.getOwnPropertyNames(obj)
其中，obj 表示需要获取属性名的对象。
Object.getOwnPropertyNames() 方法的作用
Object.getOwnPropertyNames() 方法可以获取一个对象的所有自身属性的属性名，并以数组形式返回。这里的“自身属性”指的是没有被继承的属性。
Object.getOwnPropertyNames() 方法的使用示例
下面是一个使用 Object.getOwnPropertyNames() 方法的示例：
const obj = { a: 1, b: 2, c: 3 };
const properties = Object.getOwnPropertyNames(obj);
console.log(properties); // ["a", "b", "c"]上面的代码中，我们定义了一个对象 obj，该对象拥有三个属性。我们调用 Object.getOwnPropertyNames() 方法来获取 obj 对象的所有属性名，并将结果存储在 properties 变量中。最后，我们通过 console.log() 方法将 properties 输出到控制台中，以方便查看。
需要注意的是，Object.getOwnPropertyNames() 方法只获取对象的自身属性的属性名，而不包括其继承的属性名。如果我们将上面的代码稍作修改，如下所示：
-- -------------------- ---- -------
----- ------ -
---------------- -
-------- - ----
-
-
----- --- ------- ------ -
----------------- ---- -
-----------
--------- - -----
-
-
----- --- - --- --------- ---
----- ---------- - --------------------------------
------------------------ -- -------- ------上面的代码中，我们定义了一个 Animal 类和一个 Dog 类。Dog 类继承自 Animal 类，它拥有一个 name 属性和一个从父类继承而来的 age 属性。接着，我们定义了一个 dog 对象，它是 Dog 类的一个实例。最后，我们调用 Object.getOwnPropertyNames() 方法来获取 dog 对象的所有属性名，并将结果存储在 properties 变量中，最终将 properties 输出到控制台中。
注意到，这里的结果为 ["name", "age"]，只包含了 dog 对象自身的属性名，而没有包括其继承的属性名。
Object.getOwnPropertyNames() 方法的指导意义
Object.getOwnPropertyNames() 方法可以帮助我们方便地获取一个对象的所有属性名，可以避免手动遍历对象的属性名的麻烦。在实际开发中，该方法常常用于打印对象的日志、获取一个对象的所有键值对等场景。
需要注意的是，该方法仅返回对象的自身属性的属性名，而不包括其继承的属性名。如果需要获取继承的属性名，可以使用 Object.keys() 或 for...in 循环来实现。
总结
在本篇文章中，我们介绍了 ES8 中新增的 Object.getOwnPropertyNames() 方法的语法、作用和使用方法，并提供了多个使用示例。希望读者在学习了本文后，能够更好地掌握该方法的使用，并能在实际开发中灵活运用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d19dbdb5eee0b5258d9846