在 JavaScript 开发中，经常出现多个库、模块之间使用相同的属性名的情况，导致命名冲突。为了解决这个问题，我们需要使用唯一标识符来标识属性。ES6 引入了 Symbol，用于创建具有唯一标识符的对象属性。但是，Symbol 还存在一些问题，例如不能直接遍历和获取对象的 Symbol 属性。此时，我们可以使用 ES8 引入的 Object.getOwnPropertySymbols() 方法来解决问题。
Object.getOwnPropertySymbols() 方法
Object.getOwnPropertySymbols() 方法返回一个由指定对象自身的所有 symbol 属性组成的数组，即获取对象的 Symbol 属性列表。
const obj = {
[Symbol('one')]: 1,
[Symbol('two')]: 2,
key: 'value'
};
const symbols = Object.getOwnPropertySymbols(obj);
console.log(symbols); // [Symbol(one), Symbol(two)]使用场景
遍历对象的 Symbol 属性
由于 Symbol 属性是不可枚举的，所以无法使用 for-in 循环或 Object.keys() 来遍历对象的 Symbol 属性。使用 Object.getOwnPropertySymbols() 方法可以获取对象的 Symbol 属性列表，然后遍历这个数组来访问 Symbol 属性。
-- -------------------- ---- ------- ----- --- - - ---------------- -- ---------------- -- ---- ------- -- ----- ------- - ---------------------------------- --- ---- --- -- -------- - ---------------- ---------- -
防止属性名冲突
在通过第三方库或模块使用同一个属性时，可以使用 Symbol 属性来为属性名加上前缀或后缀，避免属性名冲突。可以使用 Symbol.for() 方法来创建全局唯一的 Symbol 属性。
-- -------------------- ---- ------- ----- ----- - - -------------------------- -- -------------------------- - -- ----- -------- - - -------------------------- -- ----------------------------- - -- -------------------------------------------- -- - ----------------------------------------------- -- -
总结
ES8 引入的 Object.getOwnPropertySymbols() 方法可以获取对象的 Symbol 属性列表，解决了不能直接遍历和获取对象的 Symbol 属性的问题。可以应用于防止属性名冲突，避免命名冲突的问题。在实际开发中，我们应该善于使用 Symbol 属性，用它来创建具有唯一标识符的对象属性，避免属性名冲突的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/659fc920add4f0e0ff84aac0