Symbol 唯一的用途就是標識對象屬性,表明對象支持的功能。 相比于字符屬性名,Symbol 的區別在于唯一,可避免名字沖突。 這樣 Symbol 就給出了唯一標識類型信息的一種方式,從這個角度看有點類似 C++ 的 Traits。
解決了什么問題
在 JavaScript 中要判斷一個對象支持的功能,常常需要做一些 Duck Test。 比如經常需要判斷一個對象是否可以按照數組的方式去迭代,這類對象稱為 Array-like。 lodash 中是這樣判斷的:
function isArrayLike(value) {  return value != null && isLength(value.length) && !isFunction(value);}在 ES6 中提出一個 @@iterator 方法,所有支持迭代的對象(比如 Array、Map、Set)都要實現。 @@iterator 方法的屬性鍵為 Symbol.iterator 而非字符串。 這樣只要對象定義有 Symbol.iterator 屬性就可以用 for ... of 進行迭代。 比如:
if (Symbol.iterator in arr) {  for(let n of arr) console.log(n)}其他用例
上述例子中 Symbol 標識了這個對象是可迭代的(Iterables),是一個典型的 Symbol 用例。 詳情可以參考 ES6 迭代器 一文。 此外利用 Symbol 還可以做很多其他事情,例如:
常量枚舉
JavaScript 沒有枚舉類型,常量概念也通常用字符串或數字表示。例如:
const COLOR_GREEN = 1const COLOR_RED = 2function isSafe(trafficLight) {  if (trafficLight === COLOR_RED) return false  if (trafficLight === COLOR_GREEN) return true  throw new Error(`invalid trafficLight: ${trafficLight}`)}  我們需要認真地排列這些常量的值。如果不小心有兩個值重復會很難調試,就像 #define false true 引起的問題一樣。Symbol 給出了解決方案:
const COLOR_GREEN = Symbol('green')const COLOR_RED = Symbol('red')即使字符串寫錯或重復也不重要,因為每次調用 Symbol() 都會給出獨一無二的值。 這樣就可以確保所有 isSafe() 調用都傳入這兩個 Symbol 之一。
私有屬性
由于沒有訪問限制,JavaScript 曾經有一個慣例:私有屬性以下劃線起始來命名。 這樣不僅無法隱藏這些名字,而且會搞壞代碼風格。 可以利用 Symbol 來隱藏這些私有屬性:
let speak = Symbol('speak')class Person {  [speak]() {    console.log('harttle')  }}如下幾種訪問都獲取不到 speak 屬性:
let p = new Person()Object.keys(p) // []Object.getOwnPropertyNames(p) // []for(let key in p) console.log(key) // <empty>
但 Symbol 只能隱藏這些函數,并不能阻止未授權訪問。 仍然可以通過 Object.getOwnPerpertySymbols(), Reflect.ownKeys(p) 來枚舉到 speak 屬性。
新聞熱點
疑難解答
圖片精選