在 JavaScript 中，对象是一种常见的数据类型，用于存储和组织相关的数据。但是，在使用对象时，可能会遇到属性冲突的问题，即多个属性具有相同的名称，导致出现意料之外的结果。为了解决这个问题，ECMAScript 2017 引入了一种新的数据类型：Symbol。
Symbol 简介
Symbol 是一种基本数据类型，用于表示独一无二的标识符。每个 Symbol 值都是唯一的，不可变的，且不可重复。Symbol 值可以用作对象属性的键，以避免属性冲突的问题。
在创建 Symbol 值时，可以给它一个可选的描述符，用于调试和显示。例如：
const symbol = Symbol('description');
console.log(symbol); // Symbol(description)Symbol 作为对象属性键
在 JavaScript 中，对象属性的键可以是字符串或 Symbol。如果使用相同的字符串作为键，那么它们会被视为相同的属性，从而导致冲突。但是，如果使用 Symbol 作为键，那么它们是独一无二的，不会产生冲突。
例如，以下代码演示了如何使用 Symbol 作为对象属性键：
const obj = {
[Symbol('key')]: 'value'
};
console.log(obj); // {Symbol(key): "value"}在这个例子中，我们创建了一个对象，它只有一个属性，键是一个 Symbol 值。由于 Symbol 值是独一无二的，因此这个属性不会与其他属性冲突。
Symbol 作为私有属性
在 JavaScript 中，对象的属性通常都是公共的，即可以被任何人访问和修改。但是，在某些情况下，我们希望将属性设置为私有的，只能在对象内部访问和修改。这时，可以使用 Symbol 作为私有属性的键。
例如，以下代码演示了如何使用 Symbol 作为私有属性的键：
// www.javascriptcn.com code example
const privateProperty = Symbol('private');
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
this[privateProperty] = 'private';
}
getInfo() {
return `${this.name} is ${this.age} years old`;
}
getPrivate() {
return this[privateProperty];
}
}
const person = new Person('Alice', 20);
console.log(person.getInfo()); // Alice is 20 years old
console.log(person.getPrivate()); // private
console.log(person[privateProperty]); // undefined在这个例子中，我们创建了一个 Person 类，它有两个公共属性（name 和 age）和一个私有属性（private）。私有属性的键是一个 Symbol 值，只能在类内部访问和修改。
Symbol.iterator
除了上述用途外，ECMAScript 2017 还引入了一个特殊的 Symbol 值：Symbol.iterator。这个值用于定义一个对象的默认迭代器，使得该对象可以被 for...of 循环遍历。
例如，以下代码演示了如何使用 Symbol.iterator 定义一个迭代器：
// www.javascriptcn.com code example
const iterable = {
[Symbol.iterator]() {
let i = 0;
return {
next() {
if (i < 3) {
return { value: i++, done: false };
} else {
return { done: true };
}
}
};
}
};
for (const item of iterable) {
console.log(item);
}
// 0
// 1
// 2在这个例子中，我们创建了一个对象 iterable，并在其上定义了一个迭代器。迭代器是一个函数，它返回一个包含 value 和 done 属性的对象。在 for...of 循环中，我们遍历了这个对象，并输出了每个值。
总结
Symbol 是一种新的数据类型，用于表示独一无二的标识符。它可以用于解决对象属性冲突的问题，也可以用于定义私有属性和迭代器。在使用 Symbol 时，需要注意它是不可变的和不可重复的，因此需要小心使用。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/65df127f1886fbafa4c5aee9