JavaScript 學習筆記 - ES5 vs ES6
Intro
學習 JavaScript 一段時間了，也逐漸熟悉各種語法的運用，覺得差不多可以更深一層地認識這個語言了。因此趁此機會，就來整理一篇筆記，探討 ES5 與 ES6 之間的差異。
定義
網路上對於 ES5 ES6 ECMA2015 ECMAScript JavaScript 的定義眾說紛紜，剛接觸 JS 的時候我也看得一頭霧水。直到後來看到這篇文章，讓我在一團亂中理清了一絲思緒。
根據上文，我可以清楚地定義，我想了解的是 ES5(ECMA2009) 與 ES6(ECMA2015) 之間的差異，也就是新版本究竟做了哪些改動。
ES5 與 ES6
首先是 JavaScript 的特性，也就是初學者(*也就是我)開始學習 JavaScript 時，最先學習到的基礎部分。這裡就不特別區分 ES5 才新增的語法了。
- 變數宣告：
var - 流程控制：
if...elseforwhileswitch - 嚴格模式：
'Use Strict' - 陣列操作：
every/some/forEach/filter/indexOf/map/reduce…等方法 - 資料操作：
JSON.parse()JSON.stringify() - Object 方法
- 操作 DOM BOM
再來是 ES6 新增的部分。
- 變數宣告：
letconst - 字串模板：以 `` 包覆的 html 內容，動態內容則直接寫在 ${} 內部
- 解構賦植：解構物件／陣列的同時把值賦予在變數身上
- 箭頭函示：
() => {} ClassModulesPromise
總結
ES6 新增的語法，目前使用得比較熟練、也明白特性的大概就變數宣告、箭頭函式、字串模板。其他的新語法，還有待練習。之後再來寫筆記整理對這些語法的認識吧。