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

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

　　1.作用域：

　　·var：var聲明的變量存在函數(shù)作用域或全局作用域，這意味著它們?cè)诼暶魉鼈兊暮瘮?shù)內(nèi)部可見，而不在塊級(jí)作用域內(nèi)可見。

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

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

　　2.變量提升：

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

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

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

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

　　3.可變性：

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

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

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

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

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

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

　　4.全局對(duì)象屬性：

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

　　·let和const不會(huì)成為全局對(duì)象的屬性。

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)樗鼈兲峁┝烁玫淖饔糜蚩刂?、避免了變量提升和更?yán)格的可變性規(guī)則。選擇哪個(gè)關(guān)鍵字取決于變量是否需要重新賦值。