JavaScript 變量提升導致 alert 顯示 undefined：var 聲明提前但賦值不提前

代碼

var a = 123;
function f() {
    alert(a);   // undefined
    var a = 1;
    alert(a);   // 1
}
f();

解析

JavaScript 引擎在進入函數 f 時，會將函數內所有 var 聲明提升到函數頂部，但賦值留在原地。等價於：

var a = 123;
function f() {
    var a;          // 聲明提升，值為 undefined
    alert(a);       // undefined
    a = 1;          // 賦值
    alert(a);       // 1
}
f();

最佳實踐

• 使用 let/const (ES6) 替代 var，擁有塊級作用域且存在「暫時性死區」，避免提升陷阱。
• 在函數頂部集中聲明變量，語義更清晰。
• 啟用 ESLint no-use-before-define 規則檢測。