在前端开发中，有时我们需要获取一个对象自身的可枚举属性名。而 JavaScript 原生提供的 Object.keys() 方法只能获取到对象自身的可枚举属性名，而不能获取到继承来的属性名。如果需要获取继承来的属性名，可以使用 Object.getOwnPropertyNames() 方法，但这个方法也会获取到不可枚举的属性名。
为了解决这个问题，我们可以使用 npm 包 own-enumerable-keys。
安装
npm install own-enumerable-keys
使用
1. 导入 own-enumerable-keys
const ownEnumerableKeys = require('own-enumerable-keys')
2. 使用 own-enumerable-keys
-- -------------------- ---- ------- ----- ------ - ----------------- - --------- - ---- - ------- - ------------------------- ----- - -------- - - ----- --- ------- ------ - ----------------- ------ - ----------- ---------- - ----- - ------ - -------------------- - - ----- --- - --- ----------- ----------- ----------------------------------- -- ------- - ------- ------- -展开代码
在上面的示例中，我们定义了一个 Animal 类和一个继承自 Animal 的 Dog 类。我们创建了一个 Dog 实例 dog，然后使用 ownEnumerableKeys() 方法获取到 dog 实例自身的可枚举属性名。
指导意义
使用 own-enumerable-keys 可以让我们轻松地获取一个对象自身的可枚举属性名，而不用担心获取到继承来的属性名或者不可枚举的属性名。这对于前端开发中一些高级用法是必要的，例如深拷贝、对象比较等。
需要注意的是，own-enumerable-keys 只能获取到对象自身的可枚举属性名，如果需要获取继承来的可枚举属性名，可以使用 Object.getPrototypeOf() 方法和 own-enumerable-keys 配合使用。
-- -------------------- ---- ------- ----- ------ - ----------------- - --------- - ---- - ------- - ------------------------- ----- - -------- - - ----- --- ------- ------ - ----------------- ------ - ----------- ---------- - ----- - ------ - -------------------- - - ----- --- - --- ----------- ----------- --------------------------------------- -------------------------------------------------- -- ------- - ------- -------- ------- -展开代码
结论
own-enumerable-keys 是一个非常实用的 npm 包，可以帮助我们在前端开发中更方便地获取对象自身的可枚举属性名。同时，也提醒我们在进行对象操作时需要注意继承与可枚举属性的区别，以免出现意外情况。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/48303
