javascript 變數範圍 程式碼分析

代碼清單1-1 展示javascript的變數範圍的例子
//設定全域變數foo,共置為"test"
var foo = "test";
//在if塊中
if(true){
//將foo置為'new test'
var foo = "new test";
}
//如我們所見，現在foo等於'new test'了
alert(foo == "new test");
//建立一個會修改變數foo的新函數
function test(){
var foo = "old test";
}
//然而在調用時，foo只在函數範圍內起作用
test();
//這裡確認了foo 還是等於'new test'
alert(foo == "new test");
基於瀏覽器的javascript 的一個有趣的特性是，所有屬於全域變數範圍的變數其實都是window對象的屬性。
代碼清單1-2 javascript中全域範圍和window對象
//一個全域範圍下的變數，儲存了字串'test'
var test = 'test';
//你可以看到我們的全域變數和window對象的test屬性是一致的
alert(test == window.test)
最後如果變數沒有顯式定義，它就是全域定義的，雖然它可能只在這個函數範圍的範圍內使用。
代碼清單1-3 隱式全域範圍的變數聲明
//一個設定了foo值的函數
function test(){
foo = "test";
}
//調用此函數以設定foo的值
test();
//我們發現foo現在是全域範圍下
alert(window.foo == "test");