知乎上看到的一個(gè)問題：“ES6 中的 symbol 類型在實(shí)際開發(fā)中用得多嗎？”，以前在學(xué)習(xí) ES6 時(shí)也有此疑問，這個(gè) Symbol 是干嘛的？有什么應(yīng)用場(chǎng)景？

Symbol 在實(shí)際開發(fā)中用的不多，在看一些類庫(kù)的實(shí)現(xiàn)時(shí)有看到相關(guān)使用，下面分享下關(guān)于 Symbol 的幾個(gè)使用場(chǎng)景。

做為私有屬性

使用 Symbol 做為私有屬性，最早知道這個(gè)是在 Egg 源碼中學(xué)習(xí)到的，看一段相關(guān)的代碼片段：

// https://github.com/eggjs/egg/blob/3.0.0/lib/core/base_context_logger.js#L22
const CALL = Symbol('BaseContextLogger#call');
class BaseContextLogger {
  [CALL](method, args) {
    // ...
    this.ctx.logger[method](...args);
  }
}

在 JavaScript 中為了實(shí)現(xiàn)私有屬性，之前常用的一種方式是命名規(guī)范約定，方法名以 _ 開始。

Symbol 出現(xiàn)之后看到的一個(gè)相對(duì)較多的場(chǎng)景是用它來模式私有屬性、方法。這對(duì)一些 for...in、Object.getOwnPropertyNames() 操作是可以隱藏掉這些屬性，但是 ES6 中的 Symbol 和強(qiáng)類型語言中的 private 相比并不完全是私有的，仍然能通過 Object.getOwnPropertySymbols()、Reflect.ownKeys() 操作枚舉到這些屬性進(jìn)行訪問。

鉤子函數(shù) - 自定義格式輸出

使用 MongoDB Node.js 驅(qū)動(dòng)程序生成一個(gè) id，當(dāng)執(zhí)行 ObjectId()或 new ObjectId() 時(shí)總會(huì)按照固定格式輸出，如下所示：

new ObjectId("632c6d93d65f74baeb22a2c9")

沒了解實(shí)現(xiàn)之前，看起來總歸是有些神秘的，如果自己寫一個(gè)類并實(shí)現(xiàn)自定義輸出信息該怎么做呢？帶著好奇之心看了下源碼實(shí)現(xiàn)：

// https://github.com/mongodb/js-bson/blob/v4.4.0/src/objectid.ts#L343
class ObjectId {
  toHexString(): string {
    const hexString = this.id.toString('hex');
    return hexString;
  }

  [Symbol.for('nodejs.util.inspect.custom')](): string {
    return this.inspect();
  }

  inspect(): string {
    return `new ObjectId("${this.toHexString()}")`;
  }
}

Symbol.for(str) 是新建一個(gè)以該字符串為名稱的值，并注冊(cè)到全局，如果已注冊(cè)過，就直接返回。與 Symbol() 區(qū)別簡(jiǎn)單理解是，Symbol() 調(diào)用 100 次會(huì)返回 100 個(gè)不同 Symbol 值，Symbol.for(str) 調(diào)用 100 次返回的 Symbol 值都是相同的。

Node.js util 模塊實(shí)現(xiàn)了 util.inspect.custom 方法用于聲明自定義檢查函數(shù)，這里個(gè)人理解更像一個(gè)鉤子函數(shù)，在 https://github.com/nodejs/node/issues/20821 PR 中已支持將 util.inspect.custom 做為公共符號(hào)，實(shí)現(xiàn)了不用加載 util 模塊就可在任何地方使用它，這里用的就是 Symbol.for()。

面試官：實(shí)現(xiàn)一個(gè)可遍歷對(duì)象

JavaScript 中的 Array、Set、Map 數(shù)據(jù)類型都可被 for...of 所遍歷。如果面試官說：“實(shí)現(xiàn)一個(gè)可以被 for...of 所遍歷的對(duì)象” 這個(gè)該怎么實(shí)現(xiàn)呢？

Symbol 提供了 Symbol.iterator 方法，該方法返回一個(gè)迭代器對(duì)象，目前 Array、Set、Map 這些數(shù)據(jù)結(jié)構(gòu)默認(rèn)具有 Symbol.iterator 屬性，而對(duì)象 Object 是沒有的，如下所示：

console.log([][Symbol.iterator]()); // Object [Array Iterator] {}
console.log((new Map())[Symbol.iterator]()); // [Map Entries] {  }
console.log((new Set())[Symbol.iterator]()); // [Set Iterator] {  }
console.log({}[Symbol.iterator]); // undefined

Symbol.iterator  是迭代協(xié)議標(biāo)準(zhǔn)中的一部分：可迭代器協(xié)議，它定義了哪些值可以被遍歷到。要成為可迭代器對(duì)象，必須實(shí)現(xiàn) @@iterator 方法，可通過常量 Symbol.iterator 訪問（到這里是不是發(fā)現(xiàn)，原來常使用的 Array 類型竟和 Symbol 也有聯(lián)系啊

迭代協(xié)議標(biāo)準(zhǔn)的另一部分是：迭代器協(xié)議 ，它定義了產(chǎn)生一系列值的的標(biāo)準(zhǔn)方式。通過定義 next() 方法實(shí)現(xiàn)，這里不做詳細(xì)闡述，參見文檔。

了解了  Symbol.iterator 和迭代協(xié)議規(guī)則實(shí)現(xiàn)一個(gè)可被遍歷的對(duì)象并不難。

const range = {
  start: 0,
  end: 3,
  [Symbol.iterator]: function() { return this },
  next: function() {
    if (this.start > this.end) {
      return { value: undefined, done: true }
    }
  
    return { value: this.start++, done: false }
  }
}

for (const id of range) {
  console.log(id); // 0,1,2,3
}

除了 Symbol.iterator 還有 Symbol.asyncIterator，這個(gè)在 Node.js 后端中有一些使用場(chǎng)景。