我們知道，js變量應通過var來定義，例如：
var a;
這種定義方式只定義了變量名，但沒給初值。不過，js在編譯時會自動賦予undefined初值。如果要給明確的初值可這樣定義：
var a = 123;
請看下面的代碼：
alert(a); var a = 123;
上面的代碼在var之前就用到了變量。一般我們認爲這樣的程序會報錯，可是實際運行後我們發現程序並未報錯，而是alert輸出了undefined（undefined也是個值）。這是爲什麼呢？
在回答這個問題之前，再看下面的代碼：
alert(a); a = 123;
這段代碼與上一段代碼的區別在於去掉了var關鍵字。可是運行後我們發現程序報錯了。這又是爲什麼呢？
爲回答這個問題，我們就必須瞭解js的一些內部機制。這篇教程說得非常細緻。
首先，我們知道js裏除了對象什麼也沒有。那麼上面的變量a又是什麼呢？其實，在<script>...</script>標籤下（不在函數裏）直接寫的var我們稱之爲頂層變量，不過嚴格說來頂層變量不應該稱爲變量，而是window對象的一個屬性。window對象在瀏覽器解析<script>...</script>標籤時會自動先查找出通過var定義的變量，然後馬上作爲window的一個屬性，並初始化爲undefined。並且，即使如果我們在var定義時給了初值，window的這個新屬性仍然被初始化爲undefined。
回過頭來看看前面的代碼：
alert(a); var a = 123;
這段代碼被解析後相當於這樣：
var a; alert(a); a = 123;
因此我們看出，alert輸出爲undefined了。
再看看前面的另一段代碼：
alert(a); a = 123;
這段代碼被解析時並未發現有var關鍵字，因此執行到alert(a)時，就等於執行alert(window.a)，而window對象尚沒有a屬性，當然就報錯了。