快捷導(dǎo)航

ECMAScript中var let const常見問題及區(qū)別詳解

更新時(shí)間：2023年02月02日 16:25:48 作者：肥晨

這篇文章主要為大家介紹了ECMAScript中var let const常見問題及區(qū)別詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

引言

在ECMAScript中，有3個(gè)關(guān)鍵字可以用于聲明變量。分別是：var、let和const。其中，var在所有ECMAScript都是可以使用的，但是let和const需要在ECMAScript6及其以上版本才可以使用。

let和const的行為基本一致，但是其中有一個(gè)比較重要的一個(gè)區(qū)別，就是const用它聲明變量時(shí)必須同時(shí)初始化變量，且嘗試修改const聲明的變量會(huì)導(dǎo)致運(yùn)行錯(cuò)誤。所以常有人直接理解為const用于聲明常量。

一：作用域

var是函數(shù)作用域。

let和const是塊級(jí)作用域。

也就是說var聲明的變量出函數(shù)時(shí)就會(huì)被銷毀，而let和const聲明的變量出塊級(jí)內(nèi)部就會(huì)被銷毀。

下面使用for舉例：

for中的變量聲明，也是var和let的區(qū)別之一。

 for (var i = 0; i < 5; i++) {
            setTimeout(() => {
                console.log(i);
            }, 0);
        } //5 5 5 5 5
        for (var i = 0; i < 5; i++) {
            setTimeout(() => {
                console.log(i);
            }, 0);
        } //0 1 2 3 4

造成這種現(xiàn)象的原因就是：var可以滲透到循環(huán)體外部，在退出循環(huán)的時(shí)候，迭代變量保存的是導(dǎo)致循環(huán)退出的值。而let的是因?yàn)樽饔糜蚍聪抻趂or循環(huán)塊的內(nèi)部，迭代循環(huán)聲明一個(gè)新的變量，每個(gè)setTimeout引用的都是不同的變量實(shí)例。

二：優(yōu)先級(jí)

三個(gè)關(guān)鍵字之間沒有優(yōu)先級(jí)，按照聲明順序。

三：全局聲明區(qū)別

let和var的不同是，let不會(huì)成為window對(duì)象的屬性。

        var name = "Matt".
        console.log(window.name); //Matt
        let name = "Matt"
        console.log(window.name);//undefined

四：變量提升

這也就是let和var的一個(gè)重要的區(qū)別，就是let聲明的變量不會(huì)在作用域中被提升。

        console.log(name); //undefined
        var name = "Matt";
        console.log(name); //ReferenceError: name is not defined
        let name = "Matt"

在代碼解析時(shí)，JavaScript引擎也會(huì)注意到后面的let（也就是常談到的“類似提升行為”），只不過在此之前不能操作這個(gè)被聲明的變量，不然就會(huì)送給你漂亮的紅色ReferenceError。而這個(gè)瞬間也被稱之為“暫時(shí)性死區(qū)”。也算是在某些方面限制了代碼的規(guī)范度吧。