es6和es5的區(qū)別：1、es6新增了箭頭函數(shù)，es5沒有；2、ES6中新增了塊級作用域，es5沒有；3、ES6引入Class概念，不再像ES5一樣使用原型鏈實現(xiàn)繼承；4、ES6中可以設置默認函數(shù)參數(shù)等等。

本教程操作環(huán)境：windows7系統(tǒng)、ECMAScript 5&&ECMAScript 6版、Dell G3電腦。

ES6與ES5相比，新增了很多東西,如：

一、新增箭頭函數(shù)

箭頭函數(shù)解決的問題

• 簡化了寫法。箭頭函數(shù)適用于函數(shù)體只有一行的情況；當有多行時，可用普通函數(shù)增加可讀性。 少打代碼，結(jié)構(gòu)清晰

• 明確了this。傳統(tǒng)JS的this是在運行的時候確定的，而不是在定義的時候確定的；而箭頭函數(shù)的this是在定義時就確定的，不能被改變，也不能被call,apply,bind這些方法修改。 明確運行時候this指向誰，不用運行時判斷this指向

  注：箭頭函數(shù)沒有自己的this，他的this就是外層的this，指向上一個不是箭頭函數(shù)的函數(shù)的this。因為js的機制，所以指向的是一個非箭頭函數(shù)的函數(shù)的作用域。

箭頭函數(shù)與普通函數(shù)的區(qū)別

• 普通function的聲明在變量提升中是最高的，箭頭函數(shù)沒有函數(shù)提升

• 箭頭函數(shù)沒有this，函數(shù)體內(nèi)部的this對象就是定義的時候所在的對象而不是使用時所在的對象

• 箭頭函數(shù)沒有arguments對象，該對象在函數(shù)體內(nèi)不存在，如果要用，可以使用rest參數(shù)

• 箭頭函數(shù)不能作為構(gòu)造函數(shù)，不能被new，沒有property

• call和apply方法只有參數(shù)，沒有作用域

• 不可以使用yield命令，因此箭頭函數(shù)不能做Generator函數(shù)

二、塊級作用域

• ES6中的let命令，聲明變量，用法和var差不多，但是let是為JavaScript新增了塊級作用域，ES5中是沒有塊級作用域的，并且var有變量提升的概念，但是在let中，使用的變量一定要進行聲明；const聲明常量

• ES6中變量的結(jié)構(gòu)賦值，比如：var [a,b,c] = [0,1,2];

三、類繼承

ES6中不再像ES5一樣使用原型鏈實現(xiàn)繼承，而是引入Class這個概念，聽起來和Java中的面向?qū)ο缶幊痰恼Z法有些像，但是二者是不一樣的。

四、設置默認函數(shù)參數(shù)

ES6中可以設置默認函數(shù)參數(shù)，如function A（x,y=9）{};

五、promise

promise產(chǎn)生背景：解決回調(diào)地獄問題，處理異步請求

promise用法：鏈式調(diào)用，成功和失敗的回調(diào)，三個狀態(tài)，pending狀態(tài)改變時觸發(fā)。狀態(tài)一旦改變就不會再變。

六、模板字符串

七、賦值結(jié)構(gòu)

【推薦學習：javascript高級教程】