javascript中錯誤使用var造成undefined

javascript中錯誤使用var造成undefined

在javascript中根據變數作用的範圍不同分為局部變數和全域變數，直接定義的變數是全域變數，全域變數可以被所有的指令碼訪問；在函數中定義的變數是局部變數，局部變數只在函數內有效。

如果全域變數和局部變數使用相同的變數名，則局部變數將會覆蓋全域變數。

例子代碼：

js中全域變數與局部變數<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>

啟動並執行結果是這樣的：

點擊test1 ，彈出局部變數。

點擊test2，彈出undefined，再彈出局部變數

點擊test3，彈出全域變數，再彈出局部變數

這就是使用var和不使用的區別所在：

如果使用var，那麼程式會強制定義一個新變數。

如果沒有使用var，系統會優先在當前上下文中搜尋是否存在該變數，只有在不存在的前提下才會重新定義一個新變數。

test3中，使用的變數a均為全域變數，第一次直接輸出了全域變數，第二次是直接為全域變數賦值之後使用。

test1和test2中都存在在function中使用var定義同名新變數，會導致函數中的變數覆蓋掉全域變數。所以在test2中：第一次輸出的a是已經被覆蓋了的局部變數a，但是沒有給予初值，所以會出現undefined這個結果。這樣使用變數實際上是錯誤的，大家應該避免。