了解 ES6
根據(jù)維基百科解釋“ECMAScript 規(guī)范是由 Netscape 的 Brendan Eich 開發(fā)的腳本語言的標準化規(guī)范;最初命名為 Mocha，然后是 LiveScript，最后是 JavaScript。”
ECMAScript 2015 (ES2015) 是第 6 版，最初稱為 ECMAScript 6 (ES6)，它添加了許多新功能，這些新功能后來成為 Web 開發(fā)人員工具包的重要組成部分。本文旨在幫助您以輕松易懂的方式了解這些新的 ES6 特性。
ES6 塊作用域 let
首先，什么是范圍?范圍是指來自我們程序不同部分的變量的可訪問性。在使用 let 聲明變量之前，JavaScript 變量具有全局范圍和函數(shù)范圍(使用 var 聲明時)。當使用 let 聲明變量時，ES6 為 JavaScript 帶來了塊級范圍。
可以看出，我們使用var關(guān)鍵字在block中定義了變量“a”，可以全局訪問。所以var聲明的變量是全局的，但是，我們希望變量在block中生效，退出block時不可訪問。然后，可以使用 ES6 新的塊級作用域關(guān)鍵字 let 來聲明變量，就像這里的變量 b 一樣，會報錯說 b 沒有定義。
ES6 解構(gòu)數(shù)組
首先，我們定義一個返回數(shù)組的函數(shù)。然后我們調(diào)用該函數(shù)并將結(jié)果存儲在變量 temp 中。要訪問每個值，我們必須打印 temp[0]、temp[1]、temp[2]。使用解構(gòu)，我們可以直接調(diào)用早餐函數(shù)并在此處分離出變量 a、b 和 c 中的每個單獨的值(第一個變量將被分配第一個值，第二個變量將被分配第二個值，依此類推)。最后，我們打印三個變量，看看有沒有問題。
ES6 解構(gòu)對象
breakfast函數(shù)返回一個對象。使用解構(gòu)，我們可以直接檢索對象的值并將它們存儲在變量 a、b 和 c 中。鍵值對中的key代表映射的實際對象的鍵名，value為自定義變量。解構(gòu)完成后會自動完成賦值，然后調(diào)用早餐函數(shù)返回對象。然后，打印變量a、b、c，可以看到?jīng)]有問題。
ES6 模板字符串
在使用模板字符串之前，我們使用 + 運算符連接字符串。
取而代之的是，我們現(xiàn)在可以使用 ES6 提供的模板字符串，首先使用來包裹字符串，當要使用變量時，使用 ${variable}。
ES6 檢查字符串是否包含其他字符串
使用這些函數(shù)，可以輕松檢查字符串是否以某物開頭，是否以某物結(jié)尾，以及是否包含任何字符串等。
ES6 默認參數(shù)
在 ES6 中，可以使用默認參數(shù)。調(diào)用函數(shù)時，當參數(shù)沒有賦值時，會使用設置的默認參數(shù)執(zhí)行。分配參數(shù)時，它將使用新分配的值執(zhí)行，覆蓋默認值。使用以下內(nèi)容：
ES6 擴展運算符
使用 ... 擴展元素以便于操作。按如下方式使用：
ES6 展開運算符
用于函數(shù)參數(shù)，接收參數(shù)數(shù)組，使用以下內(nèi)容：
ES6 函數(shù)名
使用 .name 獲取函數(shù)的名稱，如下：
ES6 箭頭函數(shù)
使用箭頭函數(shù)可以讓代碼更簡潔，但也要注意箭頭函數(shù)的局限性，而且箭頭函數(shù)本身并沒有this，this指向父級。
ES6 對象表達式
使用 ES6 對象表達式，如果對象屬性與值相同，則可以省略值，不寫函數(shù)也可以寫函數(shù)。用法如下：
ES6 常量
使用 const 關(guān)鍵字定義度量。const 限制為度量分配值的操作，而不是度量中的值。使用以下內(nèi)容：
可以看出，當再次給測量賦值時，報錯。
ES6 對象屬性名
使用點定義對象屬性時，如果屬性名稱中包含空格字符，則為非法，語法不能通過。使用【屬性名】就可以完美解決，不僅可以直接寫屬性名，還可以使用變量來指定，具體使用如下：
ES6 檢查兩個值是否相等
使用 === 或 == 比較某些特殊值的結(jié)果可能無法滿足您的需求?？梢杂肙bject.is(第一個值，第二個值)來判斷，說不定你會開心 Laughed
ES6 復制對象
使用 Object.assign() 將一個對象復制到另一個對象，如下所示：
ES6 設置對象的原型
使用 es6，可以如下設置對象的原型：
ES6 原型
使用方法如下。
ES6 超級
ES6 生成迭代器
學習之前，先寫一個迭代器
OK，看看簡化的生成器
ES6 類
使用 es6 可以快速輕松地構(gòu)建類
ES6 設置
定義獲取或修改類屬性的 get/set 方法
ES6 靜態(tài)
使用 static 關(guān)鍵字修改的方法可以直接使用，無需實例化對象
ES6 擴展
使用繼承，可以減少代碼冗余，例如：
ES6 套裝
Set 集合，與數(shù)組不同，Set 集合中不允許有重復元素
ES6 Map
Map組合存儲鍵值對
ES6 模塊化
使用模塊化開發(fā)，ES6可以很方便的導入導出一些內(nèi)容，以及默認導出等細節(jié)：
京公網(wǎng)安備 11010802030320號