以此文作為自己學習的一個總結。

關於全局變量和局部變量的一句簡單的定義：在函數外聲明的變量都為全局變量，在函數內聲明的為局部變量。

一、局部變量和全局變量重名會覆蓋全局變量

1 var a = 1;  
2 function test1() {  
3   var a = 2;  
4   alert(a);  
5 }  
6 test1();// 2  

這裏的函數中的定義的a是局部變量，它的作用域為函數{}之間，函數外定義的a為全局變量，它的作用域為整個程序（描述有點不準確）。在函數中的局部變量和全局變量重名，局部變量會覆蓋全局變量。

二、提到全局變量與局部變量不得不說明的一個知識點就是變量提升(這是一個坑)。‘與C/C++逐行執行代碼不同，JS引擎的工作方式是，先獲取所有被聲明的變量再逐一執行，所有變量的聲明語句都會被提升到當前代碼塊的頭部’。註：代碼塊指的是function的一個{}，通常的if、while、for的{}中變量不會提升。

了解了變量提升了之後我們用以下代碼來演示：

1 var a = 1;  
2 function test1() {  
3     alert(a);  
4     var a = 2;  
5     alert(a);  
6 }  
7 test1();   
8 alert(a);//undefined  2  1

為什麽結果不是1 2 1呢？原因就在於代碼提升。由於代碼提升的效果所以實際執行的代碼是這樣的:

1 var a = 1;  
2 function test1() {  
3    var a；//局部變量與全局變量重名時會覆蓋全局變量，此時的a只有聲明卻未定義  
4     alert(a);//所以執行alert值為undefined  
5     a = 2;  
6     alert(a);  
7 }  
8 test1();  
9 alert(a);//undefined  2  

Javascript之全局變量和局部變量部分講解