详解JavaScript 为什么要有 Symbol 类型？

下面是详解“详解JavaScript 为什么要有 Symbol 类型？”的完整攻略。

一、为什么要有 Symbol 类型？

在 JavaScript 中，对象的属性名通常是字符串类型的。当我们定义两个同名属性时，后一个属性会覆盖前一个属性。但是，有些场景需要我们定义一些唯一的属性名，避免重复。这时，Symbol 类型就可以派上用场了。Symbol 类型是一种原始数据类型，其属性名是独一无二的。

二、Symbol 类型的使用方法

1. 声明 Symbol 类型变量

const mySymbol = Symbol('description')

上面的代码声明了一个名为 mySymbol 的变量，并用字符串描述了这个 Symbol 变量的含义。

2. 作为对象的属性

const obj = {}
const mySymbol = Symbol('description')
obj[mySymbol] = 'Hello World'
console.log(obj[mySymbol]) // 'Hello World'

上面的代码给对象 obj 新增了一个属性，该属性的名称为 mySymbol 所表示的 Symbol 类型变量。注意，Symbol 类型的属性名是不能被枚举的，因此在 for...in 循环中是无法遍历到 Symbol 类型属性的。

三、Symbol 常用内置属性

在使用 Symbol 类型时，JavaScript 内置了一些常用的 Symbol 属性，方便我们进行一些特殊操作。

1. Symbol.hasInstance

Symbol.hasInstance 属性是一个函数，用于在一个类或构造函数中检查某个对象是否是该类或构造函数的实例。

class Person {
  static [Symbol.hasInstance] (foo) {
    return foo instanceof Array
  }
}

console.log([] instanceof Person) // true

上面的代码中，我们声明了一个类 Person，并在类中声明了一个 Symbol.hasInstance 属性。在类外面，我们使用 instanceof 操作符来检查一个数组对象是否是 Person 类的实例，如果是，则返回 true。

2. Symbol.species

Symbol.species 属性是一个存取器，用于在派生类中控制创建新实例的构造函数。

class MyClass {
  static get [Symbol.species] () {
    return this
  }

  constructor (value) {
    this.value = value
  }

  clone () {
    return new this.constructor[Symbol.species](this.value)
  }
}

class YourClass extends MyClass {}

const obj1 = new MyClass(2)
console.log(obj1.constructor) // [Function: MyClass]

const obj2 = obj1.clone()
console.log(obj2.constructor) // [Function: MyClass]

const obj3 = new YourClass(3)
console.log(obj3.constructor) // [Function: YourClass]

const obj4 = obj3.clone()
console.log(obj4.constructor) // [Function: YourClass]

上面的代码中，声明了两个类：MyClass 和 YourClass。在 MyClass 类中，我们使用了 Symbol.species 属性，将其指向了 this，也就是指向 MyClass 类本身。然后，我们又声明了一个 clone() 方法，在该方法中使用了 Symbol.species 属性，根据 Symbol.species 属性返回的构造函数，动态地创建了一个新的实例。

接下来，我们分别使用 MyClass 和 YourClass 类创建了两个对象，然后对其进行克隆操作，并打印出其构造函数。最后我们可以看到，克隆出来的新对象的构造函数都与原始对象的构造函数相同，这就利用到了 Symbol.species 的特性。

四、总结

以上就是详解 JavaScript 为什么要有 Symbol 类型的全部内容了。虽然 Symbol 类型在日常的 JavaScript 编程中用得不是很多，但是理解其背后的原理和使用场景，能够让我们更加深入地了解 JavaScript 的内部实现和底层原理。同时，在某些特定场景下，使用 Symbol 类型也能提高代码的健壮性和可读性。