JavaScript 變量是前端開發中的重要概念。我們可以將變量理解為容器，用來儲存程序中的數據。在 JavaScript 中，我們可以使用 var、let 和 const 三個關鍵字聲明變量。接下來，我們將深入探討這些關鍵字的使用方法以及注意事項。 聲明變量的關鍵字 1、var var 是最早的 JavaScript 變量聲明關鍵字，在 ES6 （也稱 ECMAScript 2015）之前一直是最常用的關鍵字之一。使用 var 聲明的變量作用于函數內部，或者作用于全局作用域。下面是一個使用 var 聲明變量的示例：

function foo(){
var x = 10;
console.log(x);
}

在這個例子中，我們在函數 foo 內部使用 var 聲明了變量 x。該變量的作用域僅限于函數內部，所以在函數執行完畢后，x 就被銷毀了。 2、let let 是 ES6 中新增的一種變量聲明關鍵字。let 定義的變量作用域僅限于塊級作用域內。下面是一個使用 let 聲明變量的示例：

if(true){
let x = 10;
console.log(x);
}

在這個例子中，我們在 if 塊內使用 let 關鍵字聲明了變量 x。由于 if 塊是一個塊級作用域，所以變量 x 的作用域也僅限于其中。在 if 塊外部是無法訪問到變量 x 的。 3、const const 也是 ES6 中新增的關鍵字，用于聲明常量。常量是一種不可變的變量，聲明后其值不能再次被修改。下面是一個使用 const 聲明變量的示例：

const x = 10;
console.log(x);

在這個例子中，我們使用 const 聲明變量 x，并將其賦值為 10。由于常量的值不能再次被修改，所以下面的賦值操作會報錯：

x = 20;

注意事項 1、變量提升 在 JavaScript 中，使用 var 聲明的變量會發生變量提升現象，即在聲明語句之前就可以使用該變量。舉個例子：

console.log(x);
var x = 10;

在這個例子中，我們先使用 console.log 打印變量 x，但是變量 x 還未被聲明。由于 JavaScript 的變量提升機制，我們仍然可以訪問變量 x，輸出結果為 undefined。 2、暫時性死區 在使用 let 和 const 聲明變量時，存在暫時性死區（TDZ）的現象。在變量聲明之前，該變量是不能被訪問或者使用的。舉個例子：

if(true){
console.log(x);
let x = 10;
}

在這個例子中，我們先使用 console.log 打印變量 x，但是變量 x 還未被聲明。由于 let 的作用域僅限于 if 塊內部，所以我們無法在該內部之外使用變量 x。這就是暫時性死區的體現。 總結 JavaScript 變量是前端開發中的重要概念，使用 var、let 和 const 三個關鍵字聲明變量。var 是 ES6 之前最常用的變量聲明關鍵字，let 和 const 則是 ES6 中新增的關鍵字。let 用于聲明塊級作用域變量，常量則使用 const 關鍵字聲明。注意變量提升和暫時性死區的現象，加深對 JavaScript 變量的理解有助于寫出更加規范和安全的代碼。