ES6 - 符号

---

符号简介

ES6 引入了一种新的原始类型，称为 Symbol。它们有助于在 JavaScript 程序中实现元编程。

句法

const mySymbol = Symbol()
const mySymbol = Symbol(stringDescription)

符号只是一块可以存储一些数据的内存。每个符号将指向不同的存储位置。Symbol() 构造函数返回的值是唯一且不可变的。

例子

让我们通过一个例子来理解这一点。最初，我们创建了两个没有描述的符号，然后创建了具有相同描述的符号。在这两种情况下，当比较符号时，相等运算符将返回 false。

<script>
   const s1 = Symbol();
   const s2 = Symbol();
   console.log(typeof s1)
   console.log(s1===s2)
   const s3 = Symbol("hello");//description
   const s4 = Symbol("hello");
   console.log(s3)
   console.log(s4)
   console.log(s3==s4)
</script>

上述代码的输出如下 -

symbol
false
Symbol(hello)
Symbol(hello)
false

符号和类别

符号可以与类一起使用来定义类中的属性。优点是，如果属性是如下所示的符号，则仅当符号名称已知时才能在包外部访问该属性。因此，当符号用作属性时，数据得到了很好的封装。

例子

<script>
   const COLOR = Symbol()
   const MODEL = Symbol()
   const MAKE = Symbol()
   class Bike {
      constructor(color ,make,model){
      this[COLOR] = color;
      this[MAKE] = make;
      this[MODEL] = model;
   }
}
let bike = new Bike('red','honda','cbr')
console.log(bike)
//property can be accessed ony if symbol name is known
console.log(bike[COLOR])
</script>

上述代码的输出如下 -

Bike {Symbol(): "red", Symbol(): "honda", Symbol(): "cbr"}
red