在 JavaScript 中，对象是一种非常重要的数据类型。对象是一组键值对的集合，其中每个键都是唯一的，而值可以是任何类型的数据。在实际开发中，我们经常需要遍历对象的属性，以便进行操作。在这种情况下，对象属性枚举就显得非常重要。在 ECMAScript 2017 中，新增了 Object.getOwnPropertyNames 和 Object.getOwnPropertySymbols 方法，这两个方法可以帮助我们实现对象属性枚举。本文将详细介绍这两个方法的使用方法和注意事项。
Object.getOwnPropertyNames 方法
Object.getOwnPropertyNames 方法可以返回一个对象的所有属性名，包括对象自身的属性和从原型链上继承的属性。该方法接受一个参数，即要获取属性名的对象。返回值是一个数组，包含了该对象的所有属性名。
----- --- - - ----- ----- ---- -- -- ----- ----- - -------------------------------- ------------------- -- -------- ------
从上面的代码可以看出，Object.getOwnPropertyNames 方法返回的是一个数组，其中包含了 obj 对象的所有属性名。需要注意的是，该方法只能获取对象的可枚举属性（即 enumerable 属性为 true 的属性），不能获取不可枚举属性。如果需要获取所有属性，包括不可枚举属性，可以使用 Object.getOwnPropertyDescriptors 方法。
Object.getOwnPropertySymbols 方法
Object.getOwnPropertySymbols 方法与 Object.getOwnPropertyNames 方法类似，区别在于它可以获取对象的 Symbol 类型的属性名。Symbol 类型的属性名是一种新的数据类型，它是一种唯一的、不可变的数据类型。Symbol 类型的属性名可以用来表示对象的一些特殊属性，例如迭代器、生成器等。
----- ---- - --------------- ----- ---- - --------------- ----- --- - - ------- --------- ------- -------- -- ----- ----- - ---------------------------------- ------------------- -- -------------- -------------
从上面的代码可以看出，Object.getOwnPropertySymbols 方法返回的是一个数组，其中包含了 obj 对象的 Symbol 类型的属性名。需要注意的是，该方法只能获取对象的可枚举属性（即 enumerable 属性为 true 的属性），不能获取不可枚举属性。如果需要获取所有属性，包括不可枚举属性，可以使用 Object.getOwnPropertyDescriptors 方法。
Object.getOwnPropertyDescriptors 方法
Object.getOwnPropertyDescriptors 方法可以返回一个对象的所有属性描述符，包括对象自身的属性和从原型链上继承的属性。该方法接受一个参数，即要获取属性描述符的对象。返回值是一个对象，其中包含了该对象的所有属性描述符。
----- --- - -
----- -----
---- --
--
----- ----------- - --------------------------------------
-------------------------
--
-
----- -
------ -----
--------- -----
----------- -----
------------- ----
--
---- -
------ ---
--------- -----
----------- -----
------------- ----
-
-
--从上面的代码可以看出，Object.getOwnPropertyDescriptors 方法返回的是一个对象，其中包含了 obj 对象的所有属性描述符。需要注意的是，该方法可以获取对象的所有属性，包括不可枚举属性。
实现对象属性枚举
利用 Object.getOwnPropertyNames、Object.getOwnPropertySymbols 和 Object.getOwnPropertyDescriptors 方法，我们可以实现对象属性的枚举。下面是一个示例代码：
----- --- - - ----- ----- ---- --- ---------------- ------- -- ----- ----- - - ----------------------------------- ------------------------------------ -- ----- ----------- - -------------------------------------- ------------------ -- - --------------------- ----------------------------- --- -- ----- -- ---- -- ------------ ----- --
从上面的代码可以看出，我们先使用 Object.getOwnPropertyNames 和 Object.getOwnPropertySymbols 方法获取 obj 对象的所有属性名，然后将它们合并成一个数组。接着，我们使用 Object.getOwnPropertyDescriptors 方法获取 obj 对象的所有属性描述符，并遍历这个数组，输出每个属性的值。
总结
在 ECMAScript 2017 中，新增了 Object.getOwnPropertyNames、Object.getOwnPropertySymbols 和 Object.getOwnPropertyDescriptors 方法，这三个方法可以帮助我们实现对象属性枚举。需要注意的是，Object.getOwnPropertyNames 和 Object.getOwnPropertySymbols 方法只能获取对象的可枚举属性，不能获取不可枚举属性。如果需要获取所有属性，包括不可枚举属性，可以使用 Object.getOwnPropertyDescriptors 方法。在实际开发中，我们可以利用这些方法实现对象属性的遍历和操作。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65e2d05e1886fbafa4f64fa9