了解 ES6

　　根據(jù)維基百科解釋“ECMAScript 規(guī)范是由 Netscape 的 Brendan Eich 開發(fā)的腳本語(yǔ)言的標(biāo)準(zhǔn)化規(guī)范;最初命名為 Mocha，然后是 LiveScript，最后是 JavaScript。”

　　ECMAScript 2015 (ES2015) 是第 6 版，最初稱為 ECMAScript 6 (ES6)，它添加了許多新功能，這些新功能后來(lái)成為 Web 開發(fā)人員工具包的重要組成部分。本文旨在幫助您以輕松易懂的方式了解這些新的 ES6 特性。

　　ES6 塊作用域 let

　　首先，什么是范圍?范圍是指來(lái)自我們程序不同部分的變量的可訪問(wèn)性。在使用 let 聲明變量之前，JavaScript 變量具有全局范圍和函數(shù)范圍(使用 var 聲明時(shí))。當(dāng)使用 let 聲明變量時(shí)，ES6 為 JavaScript 帶來(lái)了塊級(jí)范圍。

　　可以看出，我們使用var關(guān)鍵字在block中定義了變量“a”，可以全局訪問(wèn)。所以var聲明的變量是全局的，但是，我們希望變量在block中生效，退出block時(shí)不可訪問(wèn)。然后，可以使用 ES6 新的塊級(jí)作用域關(guān)鍵字 let 來(lái)聲明變量，就像這里的變量 b 一樣，會(huì)報(bào)錯(cuò)說(shuō) b 沒(méi)有定義。

　　ES6 解構(gòu)數(shù)組

　　首先，我們定義一個(gè)返回?cái)?shù)組的函數(shù)。然后我們調(diào)用該函數(shù)并將結(jié)果存儲(chǔ)在變量 temp 中。要訪問(wèn)每個(gè)值，我們必須打印 temp[0]、temp[1]、temp[2]。使用解構(gòu)，我們可以直接調(diào)用早餐函數(shù)并在此處分離出變量 a、b 和 c 中的每個(gè)單獨(dú)的值(第一個(gè)變量將被分配第一個(gè)值，第二個(gè)變量將被分配第二個(gè)值，依此類推)。最后，我們打印三個(gè)變量，看看有沒(méi)有問(wèn)題。

　　ES6 解構(gòu)對(duì)象

　　breakfast函數(shù)返回一個(gè)對(duì)象。使用解構(gòu)，我們可以直接檢索對(duì)象的值并將它們存儲(chǔ)在變量 a、b 和 c 中。鍵值對(duì)中的key代表映射的實(shí)際對(duì)象的鍵名，value為自定義變量。解構(gòu)完成后會(huì)自動(dòng)完成賦值，然后調(diào)用早餐函數(shù)返回對(duì)象。然后，打印變量a、b、c，可以看到?jīng)]有問(wèn)題。

　　ES6 模板字符串

　　在使用模板字符串之前，我們使用 + 運(yùn)算符連接字符串。

　　取而代之的是，我們現(xiàn)在可以使用 ES6 提供的模板字符串，首先使用來(lái)包裹字符串，當(dāng)要使用變量時(shí)，使用 ${variable}。

　　ES6 檢查字符串是否包含其他字符串

　　使用這些函數(shù)，可以輕松檢查字符串是否以某物開頭，是否以某物結(jié)尾，以及是否包含任何字符串等。

　　ES6 默認(rèn)參數(shù)

　　在 ES6 中，可以使用默認(rèn)參數(shù)。調(diào)用函數(shù)時(shí)，當(dāng)參數(shù)沒(méi)有賦值時(shí)，會(huì)使用設(shè)置的默認(rèn)參數(shù)執(zhí)行。分配參數(shù)時(shí)，它將使用新分配的值執(zhí)行，覆蓋默認(rèn)值。使用以下內(nèi)容：

　　ES6 擴(kuò)展運(yùn)算符

　　使用 ... 擴(kuò)展元素以便于操作。按如下方式使用：

　　ES6 展開運(yùn)算符

　　用于函數(shù)參數(shù)，接收參數(shù)數(shù)組，使用以下內(nèi)容：

　　ES6 函數(shù)名

　　使用 .name 獲取函數(shù)的名稱，如下：

　　ES6 箭頭函數(shù)

　　使用箭頭函數(shù)可以讓代碼更簡(jiǎn)潔，但也要注意箭頭函數(shù)的局限性，而且箭頭函數(shù)本身并沒(méi)有this，this指向父級(jí)。

　　ES6 對(duì)象表達(dá)式

　　使用 ES6 對(duì)象表達(dá)式，如果對(duì)象屬性與值相同，則可以省略值，不寫函數(shù)也可以寫函數(shù)。用法如下：

　　ES6 常量

　　使用 const 關(guān)鍵字定義度量。const 限制為度量分配值的操作，而不是度量中的值。使用以下內(nèi)容：

　　可以看出，當(dāng)再次給測(cè)量賦值時(shí)，報(bào)錯(cuò)。

　　ES6 對(duì)象屬性名

　　使用點(diǎn)定義對(duì)象屬性時(shí)，如果屬性名稱中包含空格字符，則為非法，語(yǔ)法不能通過(guò)。使用【屬性名】就可以完美解決，不僅可以直接寫屬性名，還可以使用變量來(lái)指定，具體使用如下：

　　ES6 檢查兩個(gè)值是否相等

　　使用 === 或 == 比較某些特殊值的結(jié)果可能無(wú)法滿足您的需求。可以用Object.is(第一個(gè)值，第二個(gè)值)來(lái)判斷，說(shuō)不定你會(huì)開心 Laughed

　　ES6 復(fù)制對(duì)象

　　使用 Object.assign() 將一個(gè)對(duì)象復(fù)制到另一個(gè)對(duì)象，如下所示：

　　ES6 設(shè)置對(duì)象的原型

　　使用 es6，可以如下設(shè)置對(duì)象的原型：

　　ES6 原型

　　使用方法如下。

　　ES6 超級(jí)

　　ES6 生成迭代器

　　學(xué)習(xí)之前，先寫一個(gè)迭代器

　　OK，看看簡(jiǎn)化的生成器

　　ES6 類

　　使用 es6 可以快速輕松地構(gòu)建類

　　ES6 設(shè)置

　　定義獲取或修改類屬性的 get/set 方法

　　ES6 靜態(tài)

　　使用 static 關(guān)鍵字修改的方法可以直接使用，無(wú)需實(shí)例化對(duì)象

　　ES6 擴(kuò)展

　　使用繼承，可以減少代碼冗余，例如：

　　ES6 套裝

　　Set 集合，與數(shù)組不同，Set 集合中不允許有重復(fù)元素

　　ES6 Map

　　Map組合存儲(chǔ)鍵值對(duì)

　　ES6 模塊化

　　使用模塊化開發(fā)，ES6可以很方便的導(dǎo)入導(dǎo)出一些內(nèi)容，以及默認(rèn)導(dǎo)出等細(xì)節(jié)：