在javascript中根據變量作用的範圍不同分為局部變量和全局變量，直接定義的變量是全局變量，全局變量可以被所有的腳本訪問；在函數中定義的變量是局部變量，局部變量只在函數內有效。
如果全域變數和局部變數使用相同的變數名，則局部變數將會覆寫全域變數。
範例程式碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js中全局变量与局部变量</title>
</head>
<body>
<script type="text/javascript">
var a = "全局变量";
function test1()
{
var a = "局部变量";
alert(a);
}
function test2()
{
alert(a);
var a = "局部变量";
alert(a);
}
function test3()
{
alert(a);
a = "局部变量";
alert(a);
}
</script>
<input type="button" value="test1" onclick="test1()"/>
<input type="button" value="test2" onclick="test2()"/>
<input type="button" value="test3" onclick="test3()"/>
</body>
</html>
運行的結果是這樣的：
點選test1 ，彈出局部變數。
點選test2，彈出undefined，再彈出局部變數
點選test3，彈出全域變量，再彈出局部變數
這就是使用var和不使用的差別所在：
如果使用var，那麼程式會強制定義一個新變數。
如果沒有使用var，系統會優先在當前上下文中搜尋是否存在該變量，只有在不存在的前提下才會重新定義一個新變數。
test3中，使用的變數a均為全域變量，第一次直接輸出了全域變量，第二次是直接為全域變數賦值之後使用。
test1和test2中都存在在function中使用var定義同名新變量，會導致函數中的變數覆寫全域變數。所以在test2中：第一次輸出的a是已經被覆蓋了的局部變數a，但是沒有給予初步值，所以會出現undefined這個結果。這樣使用變數其實是錯誤的，大家應該避免。
