Javascript ES6中数据类型Symbol的使用详解

什么是Symbol?

Symbol是ES6中新增的一种数据类型，它表示独一无二的值。可以理解为是一个独特的标识符，可以用来防止属性名的重复。Symbol的主要作用是用于对象的属性名，它们可以保证不会出现重复的属性名。

如何使用Symbol?

创建Symbol

使用Symbol构造函数可以创建一个新的Symbol值，如下所示：

let mySymbol = Symbol();

Symbol构造函数还可以接受一个可选的参数，可以用于描述Symbol的名称，如下所示：

let mySymbol = Symbol('mySymbol');

这里的'mySymbol'并不是Symbol的值，而是用于描述Symbol的名称。

使用Symbol作为对象属性名

由于Symbol的独特性，它可以用来避免对象属性名的冲突，如下所示：

let mySymbol = Symbol('mySymbol');
let obj = {[mySymbol]: 'value'};
console.log(obj[mySymbol]); // 'value'

在对象字面量中使用Symbol作为属性名要用方括号而非点运算符。

内置Symbol值

ES6中提供了一些内置的Symbol值，它们提供了一些常见场景下的Symbol使用方式。

Symbol.iterator

Symbol.iterator是一个内置的Symbol值，它是所有可迭代对象的内部属性，表示该对象是否可以迭代。如果一个对象具有该属性，那么它就可以被for...of循环遍历。

下面是一个简单的Array对象的使用例子：

let arr = [1, 2, 3, 4, 5];
let iterator = arr[Symbol.iterator]();

console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());

上述代码中，我们通过调用Array的Symbol.iterator属性获取了一个可迭代对象的迭代器，然后通过调用迭代器的next方法进行遍历。

Symbol.hasInstance

Symbol.hasInstance是一个内置的Symbol值，它是一个对象的内部属性，用于检测一个对象是否是另一个对象的实例。

下面是一个简单的判断对象是否是Array的实例的例子：

class MyClass {}
let obj = new MyClass();
console.log(Array[Symbol.hasInstance](obj)); // false

class MyArray extends Array {}
let myArr = new MyArray();
console.log(Array[Symbol.hasInstance](myArr)); // true

上述代码中，我们通过在Array上调用Symbol.hasInstance方法来判断一个对象是否是Array的实例。在代码中，我们创建了一个自定义类MyClass和一个继承自Array并创建的实例myArr。 如果一个对象是Array的实例，则调用Array的Symbol.hasInstance方法时会返回true，反之返回false。

总结

Symbol是一种新的数据类型，代表独一无二的值，主要用于对象属性名。ES6中提供了一些内置的Symbol值，如Symbol.iterator和Symbol.hasInstance等，它们提供了一些常见的使用方式。由于Symbol值的独特性，它可以避免对象属性名的冲突，从而提高了代码的健壮性。