学习ES6（十五） ES6新增 Symbol 对象详解

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

语法：

const mySymbol = Symbol()  或者 const mySymbol = Symbol(stringDescription)

符号是一块内存，可以在其中存储一些数据。每个符号将指向不同的存储位置。Symbol（）构造函数返回的值是唯一且不可变的。

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

   const s1 = Symbol();
   const s2 = Symbol();
   console.log(typeof s1) //输出：Symbol
   console.log(s1===s2) //输出：false
   const s3 = Symbol("hello");//description
   const s4 = Symbol("hello"); 
   console.log(s3) //输出：Symbol(hello)
   console.log(s4) //输出：Symbol(heelo)
   console.log(s3==s4) //输出： false

序号	属性和说明
1	Symbol.for(key) 使用给定的键在符号注册表中搜索现有符号，如果找到，则将其返回。否则，将使用此键在全局符号注册表中创建一个新符号。
2	Symbol.keyFor(sym) 从全局符号注册表中检索给定符号的共享符号键。

 Symbol.for(key)函数创建一个符号并添加到注册表。如果符号已经存在于注册表中，它将返回相同的符号。否则，将在全局符号注册表中创建一个新符号。

Symbol.keyFor(sym)方法从全局符号注册表中检索给定符号的共享符号键。

语法：Symbol.for(key)  Symbol.keyFor(sym) 其中，key是符号的标识符

Symbol（）和Symbol.for（）之间的区别

const userId = Symbol.for('userId') // creates a new Symbol in registry
const user_Id = Symbol.for('userId') // reuses already created Symbol
console.log(userId == user_Id)     //输出：true
const studentId = Symbol("studentID") // creates symbol but not in registry
const student_Id = Symbol.for("studentID")// creates a new Symbol in registry
console.log(studentId == student_Id) //输出：false

const user_Id = Symbol.for('userId') // creates a new Symbol in registry
console.log(Symbol.keyFor(user_Id)) // returns the key of a symbol in registry
//输出：userId
const userId = Symbol("userId")// symbol not in registry
console.log(Symbol.keyFor(userId)) //userId symbol is not in registry
//输出：undefined

Symbol & Classes

可以将符号与类一起使用以定义类中的属性。优点是，如果property是如下所示的符号，则只有在知道符号名称的情况下，才能在包外部访问该属性。因此，当将符号用作属性时，数据被大量封装。

<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)  //输出：Bike {Symbol(): "red", Symbol(): "honda", Symbol(): "cbr"}
//property can be accessed ony if symbol name is known
console.log(bike[COLOR]) //输出：red
</script>