let const 與var的區(qū)別是什么

本篇內(nèi)容主要講解“l(fā)et const 與var的區(qū)別是什么”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“l(fā)et const 與var的區(qū)別是什么”吧!

es6里面的一些新特性還是很好用的，但是有的時(shí)候看文檔會(huì)帶來(lái)一些疑惑。let、const這兩個(gè)東西和var到底有哪些不同呢？下面咱們結(jié)合一些小例子給大家展示一下。

首先來(lái)了解一下let與var的區(qū)別，主要有一下三點(diǎn)：

第一點(diǎn)，var在javascript中是支持預(yù)解析的，而let不支持預(yù)解析，代碼如圖：

執(zhí)行結(jié)果如圖：

結(jié)果未報(bào)錯(cuò)，下面將var換成let，代碼如下：

執(zhí)行結(jié)果：

錯(cuò)誤提示為：Uncaught ReferenceError: a is not defined，翻譯成中文大概意思就是a未定義。這與undefined是不同的，undefined是未賦值，但已經(jīng)定義了。

第二點(diǎn)：var可以重復(fù)定義同一個(gè)變量，但是let不可以，看代碼：

執(zhí)行結(jié)果如圖：

結(jié)果沒(méi)有報(bào)錯(cuò)，將var換成let：

執(zhí)行結(jié)果為：

錯(cuò)誤信息為：Uncaught SyntaxError: Identifier 'a' has already been declared。翻譯為中文，意思是a已經(jīng)被定義。

第三點(diǎn)：let可以形成塊級(jí)作用域，在es6之前javascript只有函數(shù)作用域，沒(méi)有塊級(jí)作用域。那在es6之前我們是怎么實(shí)現(xiàn)塊級(jí)作用域的呢？有朋友已經(jīng)猜到了，立即執(zhí)行函數(shù)表達(dá)式，簡(jiǎn)稱IIFF?？创a：

執(zhí)行結(jié)果為：

可以看到通過(guò)一個(gè)立即執(zhí)行函數(shù)表達(dá)式，我們實(shí)現(xiàn)了一個(gè)局部作用域或者塊級(jí)作用域，但是有了let之后就不需要寫(xiě)這樣的代碼了，代碼修改如下。

執(zhí)行結(jié)果：

可以看到兩者實(shí)現(xiàn)的效果是一樣的。

下面看一道經(jīng)典面試題：

說(shuō)出以上代碼的執(zhí)行結(jié)果，并解釋其原理。將其改造為，依次輸出0,1,2,3,4

首先上面的代碼執(zhí)行結(jié)果為：每隔200ms依次打印5，一共打印5次。

結(jié)果為什么是這樣的呢？這里面涉及里javascript里面的兩個(gè)知識(shí)點(diǎn)，作用域和定時(shí)器setTimeout回調(diào)函數(shù)異步執(zhí)行。這段代碼用var聲明了一個(gè)全局變量i，循環(huán)執(zhí)行完成之后，i變?yōu)?，此時(shí)javascript主線程空閑，異步回調(diào)隊(duì)列中的函數(shù)依次被eventloop放進(jìn)主線程執(zhí)行，因?yàn)榇藭r(shí)的i已經(jīng)變?yōu)榱?，所以打印了5次5。

以上便是這道題目的前兩點(diǎn)的解析。那第三點(diǎn)，該如何改造代碼呢？

明白了原理就好改造了，既然定時(shí)器的回調(diào)函數(shù)中的i每次都是從全局作用域中取值，能不能在循環(huán)的時(shí)候?qū)⑵浞诺骄植孔饔糜蛑心?，?dāng)然可以看代碼：

執(zhí)行結(jié)果為：

那這些和let有什么關(guān)系呢？回憶一下let和var的第三點(diǎn)不同，let可以生成局部作用域，代碼再次改造：

執(zhí)行結(jié)果為:

以上便是let和var的不同，如果大家還有補(bǔ)充歡迎留言。

下面是const與var的不同，以上三點(diǎn)完全適用const，但是const與let或是var還有兩點(diǎn)不同。

首先是第一點(diǎn)，const是用來(lái)定義常量的，常量定義之后是不允許改變的。看代碼：

執(zhí)行結(jié)果:

錯(cuò)誤提示為：Uncaught TypeError: Assignment to constant variable.意思是常量已經(jīng)賦值了。

這里有一個(gè)小坑，看如下代碼：

來(lái)看看執(zhí)行結(jié)果，看看和你心理預(yù)期是否一致。

沒(méi)有報(bào)錯(cuò)？為什么 ？因?yàn)閍的值并沒(méi)有改變，依然指向剛開(kāi)始賦值的那個(gè)對(duì)象，并為重新賦值，如果將a重新賦值，就會(huì)報(bào)錯(cuò)了。大家可以試試。用const定義的常量只要是引用類型數(shù)據(jù)，改變這個(gè)引用類型數(shù)據(jù)的結(jié)構(gòu)或?qū)傩?，都是允許的。引用類型包括哪些呢？數(shù)組和對(duì)象。

第二點(diǎn)是用const定義常量必須賦值。不賦值的話，沒(méi)有任何意思，所以報(bào)錯(cuò)，看代碼：

執(zhí)行結(jié)果為：

錯(cuò)誤提示為：Uncaught SyntaxError: Missing initializer in const declaration。意思是缺少初識(shí)值。

到此，相信大家對(duì)“l(fā)et const 與var的區(qū)別是什么”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！