介绍
在前端开发过程中，我们经常需要获取一个对象的所有属性名。npm包 get-own-property-names-x 就是专门用来获取对象所有属性名的一个库。它可以获取对象自己定义的、不可枚举的属性名。
安装
使用 npm 命令进行安装：
npm install get-own-property-names-x
使用方法
使用该库有两种方式：
使用 Node.js 的 require 方法引入库：
-- -------------------- ---- ------- ----- ------------------- - ------------------------------------ ----- --- - - -- -- -- -- -- ----- ------------- - ------------------------- --------------------------- -- ----- ----
展开代码在浏览器中通过
<script>标签引入库：-- -------------------- ---- ------- ------- --------------------------------------------------- -------- ----- --- - - -- -- -- -- -- ----- ------------- - ------------------------- --------------------------- -- ----- ---- ---------
展开代码
注意：在浏览器环境中使用需要将库的文件下载并放置在页面中。
深度内容解析
Object.getOwnPropertyNames(obj) 可以获取对象自己定义的、不可枚举的属性名，但是对于类的原型属性名，该方法则不能获取。而 get-own-property-names-x 库可以获取所有的属性名，不仅包括对象自己定义的、不可枚举的属性名，还包括类的原型属性名。
下面我们来看一个例子：定义一个类 Person，并为该类的原型对象添加属性 sayHello，然后创建一个实例 p，使用 Object.getOwnPropertyNames 和 getOwnPropertyNames 分别获取它的属性名。
-- -------------------- ---- ------- ----- ------ - ----------------- - --------- - ----- - ---------- - ------------------- --- ---------------- - - -------------------- - --- -- --- - -------- ----- -- --------- ----- - - --- --------------- -- ---------------------------- ------ --- -------- ----- ----- -------------- - ------------------------------ ---------------------------- -- -------- -- --------------------- --- --- -------- ----- ----- -------------- - ----------------------- ---------------------------- -- -------- ------展开代码
我们可以看到，使用 Object.getOwnPropertyNames 无法获取类的原型对象的属性名，而使用 getOwnPropertyNames 可以获取所有的属性名。
此外，还有一个值得注意的地方：getOwnPropertyNames 方法返回的属性名是按照定义时的顺序排列的，而 Object.getOwnPropertyNames 方法返回的属性名没有特定的顺序。
学习和指导意义
get-own-property-names-x 库不仅可以方便地获取对象所有属性名，也可以获取类的原型属性名，是我们在实际开发中需要用到的一个工具，它在某些情况下可以节省我们的开发时间。
同时，它也提醒我们，在某些情况下我们的程序可能需要获取类的原型属性名，但是标准的 Object.getOwnPropertyNames() 方法却无法实现这一点。这也是我们在日常开发中需要注意的一个点。
示例代码
-- -------------------- ---- ------- ----- ------------------- - ------------------------------------ ----- ------ - ----------------- - --------- - ----- - ---------- - ------------------- --- ---------------- - - -------------------- - --- -- --- - -------- ----- -- --------- ----- - - --- --------------- ----- ------------- - ----------------------- --------------------------- -- -------- ------展开代码
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/78470
