ECMAScript 6（簡稱ES6）是于2015年6月正式發(fā)布的JavaScript語言的標準，正式名為ECMAScript 2015（ES2015）。它的目標是使得JavaScript語鯠臫頭言可以用筿來編寫復雜的大型應用程序，成為企業(yè)級開發(fā)語言。

另外，一些情況下ES6也泛指ES2015及之后的新增特性，雖然之后的版本應當稱為ES7、ES8等。

ES6發(fā)展

2000年，ECMAScript 4.0開始醞釀。這個版本最后沒有通過，但是它的大部分內容被ECMAScript6繼承了。因此，ECMAScript6制定的起點其實是2000年。

2007年10月，ECMAScript 4.0草案發(fā)布，本來預計2008年8月發(fā)布正式版本。但是，各方對于是否通過這個標準，發(fā)生了嚴重分歧。以Yahoo、Microsoft、Google為首的大公司，反對JavaScript的大幅升級，主張小幅改動；以JavaScript創(chuàng)造者Brendan Eich為首的Mozilla公司，則堅持當前的草案。

2008年7月，由于對于下一個版本應該包括哪些功能，各方分歧太大，爭論過于激烈，ECMA開會決定，中止ECMAScript 4.0的開發(fā)，將其中涉及現(xiàn)有功能改善的一小部分，發(fā)布為ECMAScript 3.1，而將其他激進的設想擴大范圍，放入以后的版本，由于會議的氣氛，該版本的項目代號起名為Harmony（和諧）。會后不久，ECMAScript 3.1就改名為ECMAScript 5。

2009年12月，ECMAScript 5.0正式發(fā)布。Harmony項目則一分為二，一些較為可行的設想定名為 JavaScript.next繼續(xù)開發(fā)，后來演變成ECMAScript 6；一些不是很成熟的設想，則被視為JavaScript.next.next，在更遠的將來再考慮推出。

2011年，ECMAScript 5.1發(fā)布后開始6.0版的制定。

2013年3月，ECMAScript 6草案凍結，不再添加新功能。新的功能設想將被放到ECMAScript 7。

2013年12月，ECMAScript 6草案發(fā)布。然后是12個月的討論期，聽取各方反饋。由于這個版本引入的語法功能太多，而且制定過程當中，還有很多組織和個人不斷提交新功能。標準委員會最終決定，標準在每年的6月份正式發(fā)布一次，作為當年的正式版本。接下來的時間，就在這個版本的基礎上做改動，直到下一年的6月份，草案就自然變成了新一年的版本。

2015年6月，ECMAScript 6（ES6）正式通過，成為國際標準，正式名稱是“ECMAScript 2015”（簡稱ES2015）。

2016年6月，小幅修訂的“ECMAScript 2016”（簡稱ES2016或ES7）標準發(fā)布，相當于ES6.1版，因為兩者的差異非常�。ㄖ恍略隽藬�(shù)組實例的includes方法和指數(shù)運算符），基本上是同一個標準。

ES6新增功能

聲明命令

1. let命令

ES6新增了let命令，用來聲明變量。它的用法類似于var，但是所聲明的變量，只在let命令所在的代碼塊內有效。下面代碼在代碼塊之中，分別用let和var聲明了兩個變量。然后在代碼塊之外調用這兩個變量，結果let聲明的變量報錯，var聲明的變量返回了正確的值。這表明，let聲明的變量只在它所在的代碼塊有效。

for循環(huán)的計數(shù)器，就很合適使用let命令，計數(shù)器i只在for循環(huán)體內有效，在循環(huán)體外引用就會報錯：

下面的代碼如果使用var，最后輸出的是10。因為變量i是var命令聲明的，在全局范圍內都有效，每一次循環(huán)，變量i的值都會發(fā)生改變，而循環(huán)內被賦給數(shù)組a的函數(shù)內部的console.log(i)，里面的i指向的就是全局的i。也就是說，所有數(shù)組a的成員里面的i，指向的都是同一個i，導致運行時輸出的是最后一輪的i的值，也就是10。

如鯠臫果使頭筿用let，聲明的變量僅在塊級作用域內有效，最后輸出的是6。因為變量i是let聲明的，當前的i只在本輪循環(huán)有效，所以每一次循環(huán)的i其實都是一個新的變量，所以最后輸出的是6。由于JavaScript引擎內部會記住上一輪循環(huán)的值，初始化本輪的變量i時，就在上一輪循環(huán)的基礎上進行計算：

let不允許在相同作用域內，重復聲明同一個變量，不能在函數(shù)內部相同模塊范圍重新聲明參數(shù)。

另外，for循環(huán)還有一個特別之處，就是設置循環(huán)變量的那部分是一個單獨的父作用域，而循環(huán)體內部是子作用域：

var命令會發(fā)生“變量提升”現(xiàn)象，即變量可以在聲明之前使用，值為undefined。為了糾正這種現(xiàn)象，let命令改變了語法行為，它所聲明的變量一定要在聲明后使用，否則報錯。這在語法上，稱為“暫時性死區(qū)”（temporal dead zone，簡稱TDZ）。

let實際上為JavaScript新增了塊級作用域，在{}被包圍的范圍外，不受內層的let變量影響（但會受var的“變量提升”影響）：

2. const命令

const聲明一個只讀的常量。一旦聲明，常量的值就不能改變，且聲明時必須立即初始化，不能留到以后賦值。const的作用域與let命令相同：只在聲明所在的塊級作用域內有效。

const實際上保證的，并不是變量的值不得改動，而是變量指向的那個內存地址不得改動。對于簡單類型的數(shù)據(jù)（數(shù)值、字符串、布爾值），值就保存在變量指向的那個內存地址，因此等同于常量。但對于復合類型的數(shù)據(jù)（主要是對象和數(shù)組），變量指向的內存地址，保存的只是一個指針，const只能保證這個指針是固定的，至于它指向的數(shù)據(jù)結構是不是可變的，就完全不能控制了。因此，將一個對象聲明為常量必須非常小心。

如果真的想將對象或對象屬性凍結，應該使用Object.freeze方法。

3.Class命令

ES6 提供了更接近傳統(tǒng)語言的寫法，引入了Class（類）這個概念（類的數(shù)據(jù)類型就是函數(shù)，類本身就指向構造函數(shù)），作為對象的模板。通過class關鍵字，可以定義類。class可以看作只是一個語法糖，它的絕大部分功能，ES5都可以做到，新的class寫法只是讓對象原型的寫法更加清晰、更像面向對象編程的語法而已：

構造函數(shù)的prototype屬性，在ES6的類上面繼續(xù)存在。事實上，類的所有方法都定義在類的prototype屬性上面。但類的內部所有定義的方法，都是不可枚舉的（non-enumerable）：

類的屬性名，可以采用表達式：

與函數(shù)一樣，類也可以使用表達式的形式定義。下面代碼使用表達式定義了一個類。需要注意的是，這個類的名字是MyClass而不是Me，Me只在 Class 的內部代碼可用，指代當前類：

類相當于實例的原型，所有在類中定義的方法，都會被實例繼承。如果在一個方法前，加上static關鍵字，就表示該方法不會被實例繼承，而是直接通過類來調用，這就稱為“靜態(tài)方法”。

如果靜態(tài)方法包含this關鍵字，這個this指的是類，而不是實例。靜態(tài)方法可以與非靜態(tài)方法重名，父類的靜態(tài)方法，可以被子類繼承：

4.import命令

import雖然屬于聲明命令，但它是和export命令配合使用的。export命令用于規(guī)定模塊的對外接口，import命令用于輸入其他模塊提供的功能。

一個模塊就是一個獨立的文件。該文件內部的所有變量，外部無法獲取。如果外部能夠讀取模塊內部的某個變量、函數(shù)或類，就必須使用export關鍵字輸出。export輸出的變量就是本來的名字，但是可以使用as關鍵字重命名：

export語句輸出的接口，與其對應的值是動態(tài)綁定關系，即通過該接口，可以取到模塊內部實時的值。這一點與CommonJS規(guī)范完全不同，CommonJS模塊輸出的是值的緩存。export命令可以出現(xiàn)在模塊的任何位置，只要處于模塊頂層就可以。如果處于塊級作用域內，就會報錯：

使用export命令定義了模塊的對外接口以后，其他JS文件就可以通過import命令加載這個模塊，變量名必需與被導入模塊（profile.js）對外接口的名稱相同。import命令可以使用as關鍵字，將輸入的變量重命名。除了指定加載某個輸出值，還可以使用整體加載，即用*指定一個對象，所有輸出值都加載在這個對象上面。

import命令輸入的變量都是只讀的，因為它的本質是輸入接口。也就是說，不允許在加載模塊的腳本里面，改寫接口。但是，如果是一個對象，改寫對象的屬性是允許的。并且由于import是靜態(tài)執(zhí)行，所以不能使用表達式和變量，這些只有在運行時才能得到結果的語法結構。

注意，import命令具有提升效果，會提升到整個模塊的頭部，首先執(zhí)行。import可以不導入模塊中的任何內容，只運行模塊中的全局代碼。如果多次執(zhí)行同一模塊的import語句，那么只會執(zhí)行一次其全局代碼，但變量均會正常引入（相當于合并處理）。

除了用大括號引入變量，import還可以直接自定義引入默認變量：

解構賦值

ES6允許按照一定模式，從數(shù)組和對象中提取值，對變量進行賦值，這被稱為解構（Destructuring）。本質上，這種寫法屬于“模式匹配”，只要等號兩邊的模式相同，左邊的變量就會被賦予對應的值。

解構賦值允許指定默認值，只有當一個數(shù)組成員嚴格等于undefined，默認值才會生效：

解構不僅可以用于數(shù)組，還可以用于對象。對象的解構與數(shù)組有一個重要的不同。數(shù)組的元素是按次序排列的，變量的取值由它的位置決定；而對象的屬性沒有次序，變量必須與屬性同名，才能取到正確的值。