本系列文章參考了很多部落格，本來就是這樣作為自己的學習記錄，再說了你從網上搜，全都是一家原創萬家抄襲，自己把握好就行，加油

ECMAScript6 簡介

這是一種JavaScript的語言標準，相比較之前的增加了很多語法，系列文章就是作為相關的學習記錄

ECMAScript 和 JavaScript 的關係

要講清楚這個問題，需要回顧歷史。1996 年 11 月，JavaScript 的創造者 Netscape 公司，決定將 JavaScript 提交給標準化組織 ECMA，希望這種語言能夠成為國際標準。次年，ECMA 釋出 262 號標準檔案（ECMA-262）的第一版，規定了瀏覽器指令碼語言的標準，並將這種語言稱為 ECMAScript，這個版本就是 1.0 版。

該標準從一開始就是針對 JavaScript 語言制定的，但是之所以不叫 JavaScript，有兩個原因。一是商標，Java 是 Sun 公司的商標，根據授權協議，只有 Netscape 公司可以合法地使用 JavaScript 這個名字，且 JavaScript 本身也已經被 Netscape 公司註冊為商標。二是想體現這門語言的制定者是 ECMA，不是 Netscape，這樣有利於保證這門語言的開放性和中立性。

因此，ECMAScript 和 JavaScript 的關係是，前者是後者的規格，後者是前者的一種實現（另外的 ECMAScript 方言還有 JScript 和 ActionScript）。日常場合，這兩個詞是可以互換的。

Babel 轉碼器

Babel 轉碼器https://babeljs.io/
ES6 轉碼器，可以將 ES6 程式碼轉為 ES5 程式碼，從而在現有環境執行。這意味著，你可以用 ES6 的方式編寫程式，又不用擔心現有環境是否支援。

// 轉碼前
input.map(item => item + 1);

// 轉碼後
input.map(function (item) {
  return item + 1;
});

命令列安裝： $ npm install --save-dev @babel/core

配置檔案 .babelrc

Babel 的配置檔案是.babelrc，存放在專案的根目錄下。使用 Babel 的第一步，就是配置這個檔案。
該檔案用來設定轉碼規則和外掛，基本格式如下。

{
  "presets": [],
  "plugins": []
}
//presets欄位設定轉碼規則，官方提供以下的規則集，你可以根據需要安裝。

# 最新轉碼規則
$ npm install --save-dev @babel/preset-env

# react 轉碼規則
$ npm install --save-dev @babel/preset-react

然後加入規則

  {
    "presets": [
      "@babel/env",
      "@babel/preset-react"
    ],
    "plugins": []
  }