1. 程式人生 > 程式設計 >JavaScript ES6語法中let,const ,var 的區別

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

一、變數宣告的方式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 &lwww.cppcns.comt; 10 ; i++){
            setTimeout(function () {
                console.log(i);   // 輸出為 9 個www.cppcns.com 10
            })
        }

let:變數i是let宣告的,當前的i只在本輪迴圈客棧有效,所以每一次迴圈的i其實都是一個新的變數,所以最後輸出的是 1 2 3 4 5 6 7 8 9 10 。因為 引擎內部會記住上一輪迴圈的值,初始化本輪的變數 i 時,就在上一輪迴圈的基礎上進行計算。

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

總結

本篇文章就到這裡了,希望能夠給你帶來幫助,也希望您能夠多多關注我們的更多內容!