JavaScript ES6語法中let,const ,var 的區別

Posted on by

一、變量聲明的方式let / const

let / const 共同點

1.都是塊級作用域
2.在同一個作用域下,變量名不允許重復
3.他們聲明的全局變量並沒有掛在 window對象上
4.都沒有預編譯

let / const 不同點

1.let 聲明的變量值可以改變
2.const 聲明的變量值不能改變,必須聲明後立即賦值 (如：const a = 3.14;)
3.const 存引用數據類型時，內容可以發生改變(地址不能改變)

優先考慮使用const , 如果變量會發生改變，就使用let , 最後使用var

for循環中 var 和 let 的區別

var： 變量i是var命令聲明的，在全局范圍內都有效，所以全局隻有一個變量i。每一次循環，變量i的值都會發生改變 ，而循環內被賦給計時器內部的函數console.log(i) 裡面的i指向的就是全局的i。計時器是異步的，for循環結束後才執行。

        for(var i = 1 ; i < 10 ; i++){
            setTimeout(function () {
                console.log(i);   // 輸出為 9 個 10
            })
        }

let：變量i是let聲明的，當前的i隻在本輪循環有效，所以每一次循環的i其實都是一個新的變量，所以最後輸出的是 1 2 3 4 5 6 7 8 9 10 。因為 JavaScript 引擎內部會記住上一輪循環的值，初始化本輪的變量 i 時，就在上一輪循環的基礎上進行計算。

        for(let i = 0 ; i < 10 ; i++){
            setTimeout(function () {
                console.log(i);  // 0 1 2 3 4 5 6 7 8 9 
            })
        }

總結

本篇文章就到這裡瞭，希望能夠給你帶來幫助，也希望您能夠多多關註WalkonNet的更多內容!

推薦閱讀：