方便的學習 ECMAScript 工具

Firefox 內建的 Scratchpad 是很方便的工具,除了讓我們以 REPL 方式學習 ECMAScript 外,還能即時觀察 object 的所有 property,尤其 ECMAScript 很多秘密都是藏在 prototype 中,這對學習有很大的幫助。

Introduction


scratchpad000

  1. Tools -> Web Developer -> Toggle Tools

要安裝 Firefox Developer Edition

scratchpad001

  1. 選擇 Scratchpad tab
  2. 顯示了整個 object 的 property,也包含其 prototype 部分,這對理解 ECMAScript 有很大的幫助
  3. 也能顯示執行結果

scratchpad002

  1. 不過會發現預設並沒有 Scratchpad 顯示,需要自行在 Settings 打開

scratchpad003

  1. 將 Scratchpad 打勾,這樣就會有 Scratchpad tab 了

Conclusion


  • 雖然大部分人都是使用 Chrome 內建的工具,但以學習 ECMAScript 的角度,Firefox Developer Edition 的 Scratchpad 更加適合
2018-11-03