var 、let、 const的區(qū)別是什么?

　　var、let和const是JavaScript中用于聲明變量的關(guān)鍵字，它們之間有一些重要的區(qū)別，包括作用域、變量提升、可變性和重復(fù)聲明等方面。以下是它們的詳細(xì)區(qū)別：

　　1.作用域：

　　·var：var聲明的變量存在函數(shù)作用域或全局作用域，這意味著它們在聲明它們的函數(shù)內(nèi)部可見，而不在塊級作用域內(nèi)可見。

　　·let和const：let和const聲明的變量存在塊級作用域，這意味著它們在聲明的塊內(nèi)可見，例如，if語句、循環(huán)或花括號內(nèi)的代碼塊。

function example() {
  if (true) {
    var a = 10; // 在函數(shù)作用域內(nèi)可見
    let b = 20; // 在塊級作用域內(nèi)可見
  }
  console.log(a); // 10
  console.log(b); // 報錯，b 未定義
}

　　2.變量提升：

　　·var：var聲明的變量會被提升到它們所在作用域的頂部，但初始化的值不會提升。

　　·let和const：let和const聲明的變量也會被提升，但它們不會被初始化。這意味著在聲明之前訪問它們會導(dǎo)致暫時性死區(qū)(Temporal Dead Zone，TDZ)錯誤。

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

console.log(b); // 報錯，b 在 TDZ 中
let b = 20;

　　3.可變性：

　　·var：var聲明的變量可以被多次賦值，并且可以在同一作用域內(nèi)重復(fù)聲明。

　　·let：let聲明的變量可以被多次賦值，但不允許在同一作用域內(nèi)重復(fù)聲明。

　　·const：const聲明的變量必須被初始化，并且不能被重新賦值，但對象和數(shù)組等復(fù)雜類型的內(nèi)容可以被修改。

var x = 10;
x = 20; // 合法
var x = 30; // 合法，但不推薦

let y = 10;
y = 20; // 合法
let y = 30; // 報錯，重復(fù)聲明

const z = 10;
z = 20; // 報錯，不能重新賦值
const w = [1, 2, 3];
w.push(4); // 合法，但對象內(nèi)容可以修改

　　4.全局對象屬性：

　　·var聲明的變量會成為全局對象的屬性(在瀏覽器環(huán)境中通常是 window 對象)。

　　·let和const不會成為全局對象的屬性。

var globalVar = 10;
console.log(window.globalVar); // 10

let localVar = 20;
console.log(window.localVar); // undefined

　　5.適用場景：

　　·var在ES6之前是唯一的聲明關(guān)鍵字，但由于它的一些問題，現(xiàn)在通常不推薦使用。

　　·let通常用于需要重新賦值的變量。

　　·const通常用于不需要重新賦值的常量。

　　綜上所述，推薦在現(xiàn)代JavaScript中使用let和const來替代var，因為它們提供了更好的作用域控制、避免了變量提升和更嚴(yán)格的可變性規(guī)則。選擇哪個關(guān)鍵字取決于變量是否需要重新賦值。