Symbol 类型必知必会

一. Symbol的概念

Symbol 是 JavaScript 中的一种新的基本数据类型，引入自 ECMAScript 6（ES6）标准。它是一种不可变且唯一的数据类型，可以用来创建独一无二的键（key）。

Symbol 的创建方式是通过调用全局的 Symbol() 函数来生成。每个通过 Symbol() 创建的 Symbol 值都是独一无二的，即使它们的描述符相同也不相等。

Symbol 主要用于对象属性的唯一性标识。在对象中，Symbol 可以作为属性名，用来定义对象的非字符串类型的属性。由于每个 Symbol 都是唯一的，因此可以确保属性名的唯一性，避免属性名冲突的问题。

Symbol 还有一些内置的属性，比如 Symbol.iterator、Symbol.hasInstance 等，在某些情况下可以用来自定义对象的行为。

总而言之，Symbol 是 JavaScript 中一种用于创建独一无二键的基本数据类型，可用于定义对象的非字符串属性名，解决属性名冲突的问题。

二. Symbol的使用方式

Symbol 的使用可以通过以下几个步骤进行：

1. 创建 Symbol：

const mySymbol = Symbol();

2. 使用 Symbol 作为对象属性名：

const obj = {};
const mySymbol = Symbol();
obj[mySymbol] = 'Symbol属性';
console.log(obj[mySymbol]); // 输出：Symbol属性

3. Symbol 的描述符：

const mySymbol = Symbol('描述符');
console.log(mySymbol.toString()); // 输出：Symbol(描述符)

4. Symbol 的内置属性：

const mySymbol = Symbol.iterator;
const arr = [1, 2, 3];
const iterator = arr[mySymbol]();
console.log(iterator.next()); // 输出：{ value: 1, done: false }

需要注意的是，Symbol 作为属性名时，无法使用点运算符 （.） 而必须使用方括号 （[]） 来访问。

Symbol 的主要作用是确保属性名的唯一性，避免属性名冲突的问题，以及在某些情况下可以自定义对象的行为。例如，可以使用 Symbol.iterator 创建一个自定义迭代器，通过遍历符号属性来处理对象的迭代。

除了以上示例，Symbol 还可以与其他 JavaScript 特性如迭代器、生成器、反射等一起使用，提供更强大的编程能力。

三. Symbol的使用场景

Symbol的使用场景有很多，尤其用于创建独一无二键的基本数据类型，解决属性名冲突时使用。下面列举几个常见的例子：

1. 属性名冲突解决：使用 Symbol 作为对象属性名，可以确保属性名的唯一性，避免属性名冲突的问题。

const name = Symbol('name');
const age = Symbol('age');const person = {[name]: 'John',[age]: 30
};console.log(person[name]); // 输出：John
console.log(person[age]); // 输出：30

2. 迭代器和可迭代对象：通过使用内置的 Symbol.iterator 属性，可以为对象创建自定义的迭代器，实现可迭代对象的遍历。

const myIterable = {};
myIterable[Symbol.iterator] = function* () {yield 1;yield 2;yield 3;
};for (const value of myIterable) {console.log(value); // 输出：1 2 3
}

3. 隐藏属性：使用 Symbol 作为属性名，可以隐藏属性，使其不容易被意外访问到。

const secretKey = Symbol('secretKey');const obj = {[secretKey]: 'abcdefg'
};console.log(obj[secretKey]); // 输出：abcdefg

4. 自定义对象的行为：通过自定义 Symbol 属性，可以自定义对象的一些行为，如迭代器、比较、字符串转换等。

const comparator = Symbol('comparator');class Person {constructor(name) {this.name = name;}[comparator](other) {return this.name.length - other.name.length;}
}const person1 = new Person('John');
const person2 = new Person('Jane');console.log(person1[comparator](person2)); // 输出：-1