簡述ES6新增關(guān)鍵字let與var的區(qū)別

第簡述ES6新增關(guān)鍵字let與var的區(qū)別最近看了很多文章，偶然間看到ES6中新增了一個關(guān)鍵字let，它具有與var關(guān)鍵字相似的功能。一開始使用它時，發(fā)現(xiàn)它讓我對之前一些習以為常的東西產(chǎn)生了懷疑。

下面先讓我們看看它和var之間用法的不同

vara=10;

letb=8;

a//10

b//Referenceerror：bisnotdefined

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

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

vara=[]

for(vari=0;ii++){

a[i]=function(){

console.log(i);

console.log("i的值：",i);

a[4]();

它的輸出結(jié)果為：

i的值：6

6

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

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

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

vara=[]

for(leti=0;ii++){

a[i]=function(){

console.log(i);

console.log("i的值：",i);

a[4]();

它的輸出結(jié)果為：

i的值：6

5

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

以上所述是小編給大家介紹的ES6新增關(guān)鍵字let與var的區(qū)別,希望對大家有所幫助，如果大家有任何疑問請給我留言