Symbol() 的使用方法

ES5的對象屬性名都是字符串，這就很容易造成屬性名的衝突，比如一個項目很龐大，又不是一個人開發 的，就有可能會造成變量名衝突，如果有一個獨一無二的名字就好了，這樣就能從根本上防止屬性名衝突。這就是ES6引入Symbol的原因。

ES6引入的是一種新的原始數據類型Symbol，表示獨一無二的，它是JavaScript的第七種數據類型。Symbol值通過Symbol函數生成，只要屬性名是屬於Symbol類型的，就是獨一無二的，可以保證不會與其他屬性名產生衝突。

let s = Symbol();typeof s;//"symbol"

上面的代碼中s 就是一個獨一無二的值，typeof表明s 是symbol數據類型的。

注意：symbol函數前不能使用new關鍵字，否則會報錯，這是因爲symbol是原始數據類型，而不是對象，所以不能添加屬性。

symbol可以接受一個字符串作爲參數，表示對Symbol的描述，主要是在控制檯顯示時容易區分

 s1 = Symbol("foo" s2 = Symbol("bar"s2

這個參數可以不加，如果不加在控制檯輸出就是兩個Symbol()不利於區分，加上參數就是爲了加以區分。

沒有參數的兩個Symbol是不相等的，例如

// 沒有參數的情況var s1 = Symbol();var s2 = Symbol();

s1 == s2 // false// 有參數的情況var s1 = Symbol("foo");var s2 = Symbol("foo");

s1 == s2 // false

無論有沒有參數都是不相等的

Symbol不能與其他值進行運算，否則會報錯

var s1 = Symbol("My Symbol");"your symbol is" + s1;// TypeError: can't convert symbol to string`your symbol is ${s1}`// TypeError: can't convert symbol to string

Symbole 可以顯示的轉爲字符串，布爾值，但是不能轉爲數字

// 轉爲字符串var s1 = Symbol("My Symbol");

String(s1) // "Symbol(My Symbol)"s1.toString() // "Symbol(My Symbol)"//轉爲布爾值var s1 = Symbol();
Boolean(s1) //true!s1 //falseif(s1) { //  ...  }//轉爲數值就會報錯

由於每一個Symbol都不相同，那麼可以作爲標識符作爲對象的屬性名，保證不會出現同名的的屬性

var mySymbol = Symbol();//第一種寫法var a = {};
a[mySymbol] = "Hello!";//第二種寫法var a = {
     [mySymbol]: "Hellow!"}//第三種寫法var a = {};
Object.defineProperty(a, mySymbol, { value: "Hellow!" });//以上寫法的結果都相同a[mySymbol] // "Hellow!"

注意：Symbol值作爲對象的屬性名時不能使用點運算符，同理，在對象的內部使用Symbol值時也必須放在方括號中

let s = Symbol();
let obj = {
    [s]: function(arg) {...}  
}//如果s不放在[]中，該屬性名就是字符串，而不是Symbol//可以採用增強的方式在書寫上面的代碼let s = Symbol();
let obj = {
    [s](arg) {...}
}

Symbol還可以定義一組常量，保證這組常量的值都是不相等的

const COLOR_RED = Symbol();
const COLOR_GREEN = Symbol();function getComponent(color) {    switch(color) {        case: COLOR_RED:               return "red";        case: COLOR_GREEN:              return "green";        default:              throw new Error("Undefind color")
    }