let與var關鍵字在ES6中有什么區別

今天就跟大家聊聊有關let與var關鍵字在ES6中有什么區別，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

　{
　　　var a = 10;
　　　let b = 8;
　}
 　a //10 
 　b // Referenceerror ：b is not defined

上面在代碼塊中聲明了兩個變量并分別賦值輸出到控制臺，結果a的變量成功輸出，b的輸出結果產生了報錯。可見，let聲明的變量只在它所在的代碼塊中產生作用。同時，我們也能想到它最好的使用方法就是在for循環中使用。

下面我們再舉個例子來觀察它與 var 之間的區別：

　var a = [ ]
　　for(var i = 0;i<6; i++){
　　　　a[i] = function(){
　　　　　　console.log(i);
　　　　}
　　}
　　console.log("i的值：",i);
　　a[ 4 ]( );

　　它的輸出結果為：

　　　　i 的值：6

　　　　6

　　為什么是 6 呢？一開始我也被嚇懵逼了，這有悖于我的常識，以往沒注意到的地方，居然這么的low。在我的意識里結果應該 4，而不是 6 。我想了很久也想不明白，以我這種小白的技術，自然是很難搞懂這種資深技術宅的問題。所以，我查了很多資料來解決這個問題，才搞明白。

　　在for里用 var 聲明的 i 是全局變量，在循環外部也可以訪問到，在循環體內每次循環都給 i 重新賦一次值，而 i 卻是屬于全局的，外部的 i 值最終是 6 ，數組 a[ ]指向的 i 始終都是同一個 i，當循環結束時 a [ ] 函數內部的 i 就是最終 i 的結果  6。

　　如果使用let，聲明的變量只在當前代碼塊中起作用

　　var a = [ ]
　　for(let i = 0;i<6; i++){
　　　　a[i] = function(){
　　　　　　console.log(i);
　　　　}
　　}
　　console.log("i的值：",i);
　　a[ 4 ]( );

　它的輸出結果為：

 　　　　i 的值：6
　　　　5

　　上面代碼中，變量i是let聲明的，當前的i只在本輪循環有效，所以每一次循環的i其實都是一個新的變量，所以最后輸出的是5。你可能會問，如果每一輪循環的變量i都是重新聲明的，那它怎么知道上一輪循環的值，從而計算出本輪循環的值？這是因為 JavaScript 引擎內部會記住上一輪循環的值，初始化本輪的變量i時，就在上一輪循環的基礎上進行計算。

看完上述內容，你們對let與var關鍵字在ES6中有什么區別有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。