js-ES6學習筆記-Symbol

一、ES6引入了一種新的原始數據類型Symbol，表示獨一無二的值。它是JavaScript語言的第七種數據類型，前六種是：Undefined、Null、布爾值（Boolean）、字符串（String）、數值（Number）、對象（Object）。

二、Symbol值經過Symbol函數生成。這就是說，對象的屬性名如今能夠有兩種類型，一種是原來就有的字符串，另外一種就是新增的Symbol類型。凡是屬性名屬於Symbol類型，就都是獨一無二的，能夠保證不會與其餘屬性名產生衝突。

三、注意，Symbol函數前不能使用new命令，不然會報錯。這是由於生成的Symbol是一個原始類型的值，不是對象。也就是說，因爲Symbol值不是對象，因此不能添加屬性。基本上，它是一種相似於字符串的數據類型。

Symbol函數能夠接受一個字符串做爲參數，表示對Symbol實例的描述，主要是爲了在控制檯顯示，或者轉爲字符串時，比較容易區分。

四、因爲每個Symbol值都是不相等的，這意味着Symbol值能夠做爲標識符，用於對象的屬性名，就能保證不會出現同名的屬性。這對於一個對象由多個模塊構成的狀況很是有用，能防止某一個鍵被不當心改寫或覆蓋。Symbol值做爲對象屬性名時，不能用點運算符。在對象的內部，使用Symbol值定義屬性時，Symbol值必須放在方括號之中。

五、Symbol實例：消除魔術字符串

魔術字符串指的是，在代碼之中屢次出現、與代碼造成強耦合的某一個具體的字符串或者數值。風格良好的代碼，應該儘可能消除魔術字符串，該由含義清晰的變量代替。

function getArea(shape, options) {
  var area = 0;

  switch (shape) {
    case 'Triangle': // 魔術字符串
      area = .5 * options.width * options.height;
      break;
    /* ... more code ... */
  }

  return area;
}

getArea('Triangle', { width: 100, height: 100 }); // 魔術字符串

上面代碼中，字符串「Triangle」就是一個魔術字符串。它屢次出現，與代碼造成「強耦合」，不利於未來的修改和維護。

經常使用的消除魔術字符串的方法，就是把它寫成一個變量。

var shapeType = {
  triangle: 'Triangle'
};

function getArea(shape, options) {
  var area = 0;
  switch (shape) {
    case shapeType.triangle:
      area = .5 * options.width * options.height;
      break;
  }
  return area;
}

getArea(shapeType.triangle, { width: 100, height: 100 });

上面代碼中，咱們把「Triangle」寫成shapeType對象的triangle屬性，這樣就消除了強耦合。

若是仔細分析，能夠發現shapeType.triangle等於哪一個值並不重要，只要確保不會跟其餘shapeType屬性的值衝突便可。所以，這裏就很適合改用Symbol值。

const shapeType = {
  triangle: Symbol()
};

上面代碼中，除了將shapeType.triangle的值設爲一個Symbol，其餘地方都不用修改。

摘自http://es6.ruanyifeng.com/#docs/symbol

六、有一個Object.getOwnPropertySymbols方法，能夠獲取指定對象的全部 Symbol 屬性名。

Object.getOwnPropertySymbols方法返回一個數組，成員是當前對象的全部用做屬性名的 Symbol 值。

另外一個新的API，Reflect.ownKeys方法能夠返回全部類型的鍵名，包括常規鍵名和 Symbol 鍵名。

七、有時，咱們但願從新使用同一個Symbol值，Symbol.for方法能夠作到這一點。它接受一個字符串做爲參數，而後搜索有沒有以該參數做爲名稱的Symbol值。若是有，就返回這個Symbol值，不然就新建並返回一個以該字符串爲名稱的Symbol值。

Symbol.keyFor方法返回一個已登記的 Symbol 類型值的key。