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

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

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

引言

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

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

一：作用域

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

let和const是塊級作用域。

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

下面使用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)的時候，迭代變量保存的是導致循環(huán)退出的值。而let的是因為作用域反限于for循環(huán)塊的內部，迭代循環(huán)聲明一個新的變量，每個setTimeout引用的都是不同的變量實例。

二：優(yōu)先級

三個關鍵字之間沒有優(yōu)先級，按照聲明順序。

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

let和var的不同是，let不會成為window對象的屬性。

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

四：變量提升

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

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

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