在开发现代的 JavaScript 应用程序时，常常需要处理复杂的对象属性集合。ES6 提供了一些新的特性和方法来帮助我们有效地处理这样的对象。ES7 中，又新增了一种方法：Object.getOwnPropertySymbols()。
在本文中，我们将介绍 Object.getOwnPropertySymbols() 的作用和用法，并提供一些实用示例，帮助你更好地理解它的用途。
什么是 Object.getOwnPropertySymbols()?
Object.getOwnPropertySymbols() 是 Object 类的一个静态方法，它返回一个对象的所有 Symbol 类型的属性的键的数组。
在 ES6 中引入了 Symbol 类型，Symbol 类型的值是唯一的，一般用来定义对象属性时避免重名。使用 Object.getOwnPropertySymbols() 方法能够获取对象中所有的 Symbol 类型的属性键名，方便有效地获取对象的信息。
如何使用 Object.getOwnPropertySymbols() 方法？
Object.getOwnPropertySymbols() 方法的使用非常简单，它只需要一个参数：要查询的对象。
const symbols = Object.getOwnPropertySymbols(obj);
上面的代码中，我们获取了对象 obj 中所有 Symbol 类型的属性键，它们被存储在 symbols 数组中。
实际应用示例
下面是一些实际应用 Object.getOwnPropertySymbols() 方法的示例。
示例 1：获取对象中 Symbol 类型的属性
-- -------------------- ---- -------
----- -------- - ---------- ---------
----- --- - -
----------- ------- --------
----- --------
---- --
--
----- ------- - ----------------------------------
--------------------- -- ---------- --------上面的代码中，我们创建了一个新的 Symbol 类型的属性 mySymbol，并将其赋值为字符串 "Hello, World!"，将其作为对象 obj 的一个属性。
然后，我们使用 Object.getOwnPropertySymbols() 方法获取对象 obj 中 Symbol 类型的属性键名，返回结果为 [Symbol(my symbol)]，表示这个对象中只有一个 Symbol 类型的属性。
示例 2：获取页面中所有带有 Symbol 标志的元素
-- -------------------- ---- -------
----- ------- - -------------------------------------
----- --------------- - --------------------- --
-------------------------------------------- --- -----------------
--
----- -------- - -------------------------- -- ----------------
----------------------上面的代码中，我们使用 window 对象作为要查询的对象，并使用 Object.getOwnPropertySymbols() 方法获取对象中所有的 Symbol 类型的属性键名。
然后，我们过滤出这些 Symbol 类型的属性中，带有 "isSymbolElement" 标志的元素，并将其保存在 symbolsElements 数组中。接着，将过滤得到的 Symbol 类型的属性，使用 window[symbol] 获取其对应的元素值，并存储在 elements 数组中。
最后，输出 elements 数组，它包含了页面中所有带有 "isSymbolElement" 标志的元素。
示例 3：使用 Symbol 类型的属性进行对象数据隐藏
-- -------------------- ---- -------
----- -------- - ---------- ---------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-------------- - -
---- ----------
------- ------
--
-
--- ----- -
------ -------------------
-
--- -------- -
------ ----------------------
-
-
----- ------ - --- --------------- ----
------------------------ -- ---------
--------------------------- -- ------上面的代码中，我们使用 Symbol 类型的属性 mySymbol，并将其存储在类 Person 的实例中。
在类 Person 的构造函数中，我们将工作 job 和薪水 salary 分别存储在 mySymbol Symbol 类型的属性中。
接着，我们定义了 job 和 salary 两个方法，它们分别从 mySymbol Symbol 类型的属性中获取工作和薪水的值。这样，可以在类的外部隐藏工作和薪水属性的实际值，保证了对象的数据隐私性。
最后，我们创建了一个 person 实例，并获取其工作和薪水属性的值，输出结果如下：
"Manager" "5000"
结论
在本文中，我们介绍了 ES7 中的 Object.getOwnPropertySymbols() 方法，它能够获取对象中所有 Symbol 类型的属性键名。我们提供了一些实际的应用示例，帮助你更好地理解Object.getOwnPropertySymbols() 方法的用途和作用。
使用 Object.getOwnPropertySymbols() 方法能够方便地获取对象的信息，帮助我们更好的处理复杂的对象属性集合，提高了 JavaScript 应用程序的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67077e93d91dce0dc8693e98