首頁 > 文章 > web前端 > JavaScript中var，let與const的差別是什麼？

JavaScript中var，let與const的差別是什麼？

區別：1、var宣告的變數屬於函數作用域，let和const宣告的變數屬於區塊級作用域；2、var存在變數提升現象，而let和const沒有；3、var變數可以重複聲明，而在同一塊層級作用域，let變數不能重新聲明，const變數不能修改。

在ES6（ES2015）出現之前，JavaScript中宣告變數就只有透過var 關鍵字，函數宣告是透過function 關鍵字，而在ES6之後，宣告的方式有var 、 let 、 const 、 function 、 class ，本文主要討論 var 、 let 和const 之間的差異。

了解var

如果使用關鍵字var 宣告一個變量，那麼這個變數就屬於目前的函數作用域，如果宣告是發生在任何函數外的頂層聲明，那麼這個變數就屬於全域作用域。舉例說明：

var a = 1; //此处声明的变量a为全局变量
function foo(){
   var a = 2;//此处声明的变量a为函数foo的局部变量
   console.log(a);//2
}
foo();
console.log(a);//1

如果在宣告變數時，省略 var 的話，該變數就會變成全域變量，如全域作用域中存在該變量，就會更新其值。如：

var a = 1; //此处声明的变量a为全局变量
function foo(){
   a = 2;//此处的变量a也是全局变量
   console.log(a);//2
}
foo();
console.log(a);//2

注意：var 宣告的變數存在提升（hoisting）。

了解「提升」

提升是指無論var 出現在一個作用域的哪個位置，這個宣告都屬於目前的整個作用域，在其中到處都可以訪問到。注意只有變數宣告才會提升，變數賦值不會提升。如下例所示：

console.log(a);//undefined
var a = 1;

該程式碼段跟下列程式碼段是一樣的邏輯：

var a;
console.log(a);//undefined
a = 1;

而如果對未宣告過的變數進行操作，就會報錯

console.log(b);//假设b未声明过，Uncaught ReferenceError: b is not defined

了解let

let 宣告的變量，具有以下幾個特點：

如下面幾個例子所示

let a = 1;
console.log(a);//1
console.log(b);//Uncaught ReferenceError: b is not defined
let b = 2;

function foo(){
    let a = 1;
    let a = 2;//Uncaught SyntaxError: Identifier 'a' has already been declared
}

以下是一個經典的關於var 和let 的一個例子：

for (var i = 0; i < 10; i++) {
    setTimeout(function(){
        console.log(i);
    },100)
};

該程式碼運行後，會在控制台印出10個10.若修改為：

for (let i = 0; i < 10; i++) {
    setTimeout(function(){
        console.log(i);
    },100)
};

則該程式碼執行後，就會在控制台印出0-9.

了解const

const 宣告方式，除了具有let 的上述特點外，其還具備一個特點，即const 定義的變量，一旦定義後，就不能修改，即const 聲明的為常數。

例如：

const a = 1;
console.log(a);//1
a = 2;
console.log(a);//Uncaught TypeError: Assignment to constant variable.

但是，並不是說const 宣告的變數其內部內容不可變，如：

const obj = {a:1,b:2};
console.log(obj.a);//1
obj.a = 3;
console.log(obj.a);//3

所以準確的說，是const 宣告建立一個值的只讀引用。但這並不意味著它所持有的值是不可變的，只是變數標識符不能重新分配。

區別總結

更多程式相關知識，請造訪：程式設計教學！！

以上是JavaScript中var，let與const的差別是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多