ECMAScript中var let const常見問題及區別詳解

Posted on by

引言

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

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

一：作用域

var是函數作用域。

let和const是塊級作用域。

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

下面使用for舉例：

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

 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

 造成這種現象的原因就是：var可以滲透到循環體外部，在退出循環的時候，迭代變量保存的是導致循環退出的值。而let的是因為作用域反限於for循環塊的內部，迭代循環聲明一個新的變量，每個setTimeout引用的都是不同的變量實例。

二：優先級

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

三：全局聲明區別

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

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

四：變量提升

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

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

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

其他：

1.在ES6中明確規定，在{}中出現let和const，就會被限制在裡面（也就是塊級作用域）。

2.函數提升優先級大於var的變量提升（還是不要重名比較好，你想想要是你們部門有人和你重名重姓會多麻煩）。

以上就是ECMAScript中var let const常見問題及區別詳解的詳細內容，更多關於ECMAScript中var let const區別的資料請關註WalkonNet其它相關文章！

推薦閱讀：