JavaScript中的var，let，const是什麼？ var，let，const的用法（代碼）

本章跟大家介紹JavaScript中的var，let，const是什麼？ var，let，const的用法（代號）。有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

1、var

在全域window中申明則為全域變量，是全域物件 window 的屬性。

var sum = 0
console.log(window.sum)  // 0
console.log(sum);        // 0

在函數中申明的變數則為局部變數

function foo(){
    function bar(a){
        i = 3;
        console.log( a + i );  // 3 之后是无限循环11
    }
    var  i = 0
    for( i ; i <= 10; i++){
        bar( i * 2 )
    }
}
foo()

這段程式碼可以寫成這樣

function foo(){
    function bar(a){
        i = 3;
        console.log( a + i );
    }
    var i
    i = 0
    for( i ; i <= 10; i++){
        bar( i * 2 )
    }
}
foo()

函數提升先於變數提升，進入for迴圈之後把bar函數的參數為 0，所以第一次輸出印為 3，重點在這個地方 i = 3，他會現在目前作用域中尋找 i 的申明，如果沒有就會沿著作用域鏈向上查找，在foo 中找到了，所以foo 中的 i 就變成了 3，在執行過 i   之後就得到了 i= 4，在執行bar的時候就得到了之後的 11  這樣一直循環

2 、let 和const

ES6 新增的兩種申明變數的方式。不允許在相同作用域內重複聲明同一個變量，不存在變量提升

既然不存在變量提升，那麼在變量申明之前就不能用這個變量，var 申明的變量會進行變量提升，但是值是undefined

在ES5的時候只有函數是區塊級作用域，但是在ES6中就不單單只有函數作用域了，這個要歸功於let 和const

var b = 1;
{
    let b = 2;
}
console.log(b);  // 1

花括號這一塊就相當於一個區塊級作用域

var a = []
for(let i=0; i<10;i++){
    a[i] = function(){
        console.log(i);
    };
    console.log(i) //[function,function..]  总共10个
}
console.log(a)
a[8]()  // 8

把這個地方的let 改成var 之後，會發現所有的輸出都會變成10。

var 申明的 i 其實是一個全域的變量，和數組 a 是同一個等級的。 for 迴圈每次改變i 的值都是在原值的基礎上重新複製，等循環結束的時候i = 10， 所以不管怎麼調用輸出的都是10

let 申明的i 只在當前這個區塊有效，每輪循環都有一個區塊，所以每次循環的時候都是新創建了一個變數 i 

cont和let 有一個不同之處，就是const 用來申明常數。一旦申明，其值就不能改變。但是如果const 申明的是一個引用型別的值

const a = {}
a.name = 'circle'
console.log(a);   // Object {name: "circle"}

const 裡面保存的是這個物件的位址值，所以它只能保證這個位址值不變，而不能保證這個物件裡面的屬性之類的不能變

以上是JavaScript中的var，let，const是什麼？ var，let，const的用法（代碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！