学长突然问我用过 Symbol 吗，我哽咽住了（准备挨骂）

Symbol 对于一些前端小白（比如我）来讲，没有特别使用过，只是在学习 JS 的时候了解了大概的概念，当时学习可能并没有感觉到 Symbol 在开发中有什么特别的作用，而在学习一段时间后回头看一遍，顿悟！

而本文将带读者从基本使用，特性应用到内置 Symbol 三个方面，带大家深入 Symbol 这个神奇的类型！

什么是 Symbol😶‍🌫️

Symbol 作为原始数据类型的一种，表示独一无二的值，在之前，对象的键以字符串的形式存在，所以极易引发键名冲突问题，而 Symbol 的出现正是解决了这个痛点，它的使用方式也很简单。

Symbol 的使用

创建一个 Symbol 与创建 Object 不同，只需要 a = Symbol() 即可

let a = Symbol()
typeof a

使用时需要注意的是：不可以使用 new 来搭配 Symbol() 构造实例，因为其会抛出错误

let a = new Symbol()
typeof a // Symbol is not a constructor

通常使用 new 来构造是想要得到一个包装对象，而 Symbol 不允许这么做，那么如果我们想要得到一个 Symbol() 的对象形式，可以使用 Object() 函数

let a = Symbol()
let b = Object(a)
typeof b // object

介绍到这里，问题来了，Symbol 看起来都一样，我们怎么区分呢？我们需要传入一个字符串的参数用来描述 Symbol()

let a = Symbol()
let b = Symbol()

上面看来 a 和 b 的值都是 Symbol，代码阅读上，两者没区分，那么我们调用 Symbol() 函数的时候传入字符串用来描述我们构建的 Symbol()

let a = Symbol("a")
let b = Symbol("b")

Symbol 的应用✌️

Symbol 的应用其实利用了唯一性的特性。

作为对象的属性
大家有没有想过，如果我们在不了解一个对象的时候，想为其添加一个方法或者属性，又怕键名重复引起覆盖的问题，而这个时候我们就需要一个唯一性的键来解决这个问题，于是 Symbol 出场了，它可以作为对象的属性的键，并键名避免冲突。

let a = Symbol()
let obj = {}
obj[a] = "hello world"

if (name === "猪痞恶霸") {
    console.log(1)
}

switch (name) {
        case "猪痞恶霸"
        console.log(1)
        case "Ned"
        console.log(2)
}

const judge = {
    name_1:"猪痞恶霸"
    name_2:"Ned"
}
switch (name) {
        case judge.name_1
        console.log(1)
        case judge.name_2
        console.log(2)
}

const judge = {
    rectangle:Symbol("rectangle"),
    triangle:Symbol("triangle")
}
function getArea(model, size) {
    switch (model) {
        case judge.rectangle:
            return size.width * size.height
        case judge.triangle:
            return size.width * size.height / 2
    }
}
let area = getArea(judge.rectangle ,{width:100, height:200})
console.log(area)

let a = Symbol.for("a")
let b = Symbol.for("a")
a === b // true

let a = Symbol("a")
let b = Symbol.for("a")
a === b // false

let a = Symbol("a")
let b = Symbol.for("a")
Symbol.keyFor(a) // undefined
Symbol.keyFor(b) // 'a'

class demo {
    static [Symbol.hasInstance](item) {
        return item === "猪痞恶霸"
    }
}
"猪痞恶霸" instanceof demo // true