在前端开发中，对象是一个非常常见的数据类型。在 JavaScript 中，对象可以被看作是一组键值对的集合，其中键是字符串类型，值可以是任何类型。然而，由于字符串是全局作用域的，我们经常遇到对象属性名冲突的问题。这时，我们可以使用 ECMAScript 2018 中新增的 Symbol 类型来避免对象属性名冲突。
什么是 Symbol？
Symbol 是 ECMAScript 2018 中新增的一种基本数据类型，用于解决对象属性名冲突的问题。Symbol 是一种类似于字符串的数据类型，但是它是唯一的、不可变的，不会与其他属性名冲突。
Symbol 的定义方式如下：
// 创建一个 Symbol const mySymbol = Symbol();
注意，Symbol 是一种原始类型，不能用 new 操作符实例化。
如何使用 Symbol？
Symbol 类型可以用作对象属性名，例如：
const mySymbol = Symbol();
const obj = {
[mySymbol]: 'Hello World'
};
console.log(obj[mySymbol]); // 输出 'Hello World'在上面的代码中，我们使用 Symbol 创建了一个唯一的属性名 mySymbol，并将它作为 obj 对象的属性名，然后我们可以通过 obj[mySymbol] 来访问它的属性值。
当我们想要定义多个 Symbol 类型的属性时，可以使用 Object.defineProperty() 或 Object.defineProperties() 方法：
const mySymbol1 = Symbol();
const mySymbol2 = Symbol();
const obj = {};
Object.defineProperty(obj, mySymbol1, { value: 'Hello' });
Object.defineProperty(obj, mySymbol2, { value: 'World' });使用 Symbol 类型的另一个好处是，可以通过 Object.getOwnPropertySymbols() 方法获取到对象中所有 Symbol 类型的属性名，从而更容易地对其进行操作：
-- -------------------- ---- ------- ----- --------- - --------- ----- --------- - --------- ----- --- - --- -------------------------- ---------- - ------ ------- --- -------------------------- ---------- - ------ ------- --- ----- ------- - ---------------------------------- --------------------- -- -- ---------- --------- ---------------------------- ----------------- -- -- ------- - -------
总结
使用 Symbol 类型可以避免对象属性名冲突，而且它的实例是唯一的、不可变的。在定义 Symbol 类型的属性时，可以使用 Object.defineProperty() 或 Object.defineProperties() 方法。在获取对象中所有 Symbol 类型的属性名时，可以使用 Object.getOwnPropertySymbols() 方法。
参考文献
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e6cad0f6b2d6eab3225091