JavaScript 中的var、let 和const 在作用域、變量提升和可變性上有顯著區(qū)別。 1. var 是函數作用域，可在函數內任何地方訪問；let 和const 是塊級作用域，只能在聲明它們的代碼塊內訪問。 2. var 存在變量提升且初始化為undefined，而let 和const 雖然也被提升，但處于“暫時性死區(qū)”，在聲明前訪問會報錯。 3. var 可重復聲明和賦值；let 不可重復聲明但可重新賦值；const 不可重復聲明也不可重新賦值（對象或數組內容可修改）。 4. 實際開發(fā)中應優(yōu)先使用const，若需重新賦值則用let，盡量避免使用var。

JavaScript 中的var 、 let和const看起來都是用來聲明變量的，但它們的行為和使用場景其實有很大區(qū)別。很多人剛開始寫JS 的時候會直接用var ，結果遇到變量提升、作用域混亂等問題。理解這三個關鍵字的區(qū)別，能幫你寫出更穩(wěn)定、可維護的代碼。

1. 變量作用域：塊級作用域vs 函數作用域

這是三者之間最核心的區(qū)別之一。

• var是函數作用域（function-scoped）：它只在當前函數內部有效，不是在代碼塊{}內部生效。
• let和const是塊級作用域（block-scoped）：只要是在{}里面聲明的，就只能在那個代碼塊里訪問。

舉個例子：

 if (true) {
  var nameVar = 'Tom';
  let nameLet = 'Jerry';
}
console.log(nameVar); // 輸出'Tom'
console.log(nameLet); // 報錯：nameLet is not defined

從上面可以看出， var聲明的變量會被“提升”到外部作用域，而let和const只能在當前塊中使用。

2. 變量提升（Hoisting）行為不同

變量提升是JS 的一個特性，也就是變量聲明會被“移動”到當前作用域頂部。

• var會被提升，并且初始化為undefined 。
• let和const也會被提升，但不會被初始化，進入了一個所謂的“暫時性死區(qū)”（Temporal Dead Zone, TDZ），在聲明前訪問會報錯。

比如：

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

console.log(b); // ReferenceError
let b = 10;

所以如果你嘗試在let或const聲明之前使用變量，JS 會拋出錯誤，而不是像var那樣返回undefined 。

3. 是否可以重新賦值和重新聲明

這也是選擇使用哪個關鍵字時要考慮的因素。

• var ：可以重復聲明，也可以重新賦值。
• let ：不可以重復聲明，但可以重新賦值。
• const ：不可以重復聲明，也不可以重新賦值（如果是對象或數組，內容可以修改）。

例如：

 var x = 1;
var x = 2; // 合法let y = 1;
let y = 2; // 報錯const z = 1;
z = 2; // 報錯const obj = { name: 'Alice' };
obj.name = 'Bob'; // 合法，因為修改的是對象的內容，不是引用地址

所以在需要常量的時候，優(yōu)先使用const ，這樣可以避免意外修改變量的問題。

4. 實際開發(fā)中該怎么選？

簡單來說：

• 優(yōu)先使用const ，除非你確定變量之后會被重新賦值。
• 如果變量需要被多次賦值，那就用let 。
• 盡量避免使用var ，除非你在維護老項目或者有特殊需求。

一些常見使用場景：

• ? 常量定義：API 地址、配置項等→ const
• ? 循環(huán)計數器、狀態(tài)標志→ let
• ? 不建議再使用var來聲明變量

基本上就這些。雖然看起來只是聲明變量的不同方式，但在實際編碼中，它們影響著變量的作用域、生命周期和可維護性。搞清楚它們之間的區(qū)別，會讓你寫出更清晰、少bug 的JavaScript 代碼。

以上是在JavaScript中了解VAR，LET和CONST的詳細內容。更多信息請關注PHP中文網其他相關文章！