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

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

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

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

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

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

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

  注：箭頭函數(shù)沒(méi)有自己的this，他的this就是外層的this，指向上一個(gè)不是箭頭函數(shù)的函數(shù)的this。因?yàn)閖s的機(jī)制，所以指向的是一個(gè)非箭頭函數(shù)的函數(shù)的作用域。

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

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

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

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

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

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

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

二、塊級(jí)作用域

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

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

三、類繼承

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

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

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

五、promise

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

promise用法：鏈?zhǔn)秸{(diào)用，成功和失敗的回調(diào)，三個(gè)狀態(tài)，pending狀態(tài)改變時(shí)觸發(fā)。狀態(tài)一旦改變就不會(huì)再變。

六、模板字符串

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

【推薦學(xué)習(xí)：javascript高級(jí)教程】