es6和es5有什么區別

這篇文章主要介紹了es6和es5有什么區別，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

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

本教程操作環境：windows7系統、ECMAScript 5&&ECMAScript 6版、Dell G3電腦。

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

一、新增箭頭函數

箭頭函數解決的問題

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

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

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

箭頭函數與普通函數的區別

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

• 箭頭函數沒有this，函數體內部的this對象就是定義的時候所在的對象而不是使用時所在的對象

• 箭頭函數沒有arguments對象，該對象在函數體內不存在，如果要用，可以使用rest參數

• 箭頭函數不能作為構造函數，不能被new，沒有property

• call和apply方法只有參數，沒有作用域

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

二、塊級作用域

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

• ES6中變量的結構賦值，比如：var [a,b,c] = [0,1,2];

三、類繼承

ES6中不再像ES5一樣使用原型鏈實現繼承，而是引入Class這個概念，聽起來和Java中的面向對象編程的語法有些像，但是二者是不一樣的。

四、設置默認函數參數

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

五、promise

promise產生背景：解決回調地獄問題，處理異步請求

promise用法：鏈式調用，成功和失敗的回調，三個狀態，pending狀態改變時觸發。狀態一旦改變就不會再變。

六、模板字符串

七、賦值結構

感謝你能夠認真閱讀完這篇文章，希望小編分享的“es6和es5有什么區別”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!