JavaScript的變數宣告語句無論出現在何處,都會先於其他程式碼先被執行。使用var關鍵字宣告變數的作用域是當前的執行上下文,有可能是外圍函數,或者,當變數宣告在函數體之外時,則為全域變數。
定義在函數體外的都屬於全域變量,定義在函數體內的屬於局部變數。這裡的定義是指透過var聲明的。
JavaScript有隱含的全域概念,表示你不宣告的任何變數都會成為一個全域物件屬性。例如:
function test(){ myname = "huming"; alert(myname); } test(); // "huming" alert(myname); //"huming"
兩個結果是一樣的,說明myname是一個全域變數。
那麼,隱式全域變數和明確定義的全域變數有沒有差別呢。 。答案一定是有的,看下面的例子:
// 定义三个全局变量 var global_test = ; global_test = ; // 反面教材 (function () { global_test = ; // 反面教材 }()); // 试图删除 delete global_test; // false delete global_test; // true delete global_test; // true // 测试该删除 alert(typeof global_test); // "number" alert(typeof global_test); // "undefined" alert(typeof global_test); // "undefined"
由上面的例子可以看出:在函數之外透過var定義的global_test1不能被刪除,而沒有經過var定義的global_test2和global_test3都被刪除了(無論是否是在函數體內建立)。
總結來說,在函數體外透過var宣告的全域變數不能被刪除,而隱式全域變數是可以刪除的。
這裡要注意了:JavaScript有一種行為叫做「hoisting」(懸置/置頂解析/預解析)。
我們用一個例子來說明:
var myname = "huming"; //声明全局变量 function test() { alert(myname); var myname = "local_huming"; alert(myname); } test();
你猜兩次alert的內容一致嗎? ?顯然不一致,一致還用說嗎。 。實際輸出為:"undefined", "local_huming"。
上面的例子等同於
var myname = "huming"; //声明全局变量 function test() { var myname; alert(maname);<br> myname = "local_huming"; alert(myname); // "local" } test();
第一次alert輸出的myname並不是你以為的全域變量,而是和它在一個作用域(一個函數體)內的局部變數。雖然它還沒有被聲明,但被當作是聲明了。這就是所謂的「hoisting」。
這樣應該就明白了吧。當你在函數體中使用了一個變量,又在之後重新宣告的話,就可能產生錯誤。
書寫規範:
function test() { var a = , b = , c = a + b, d = {}, e, f; // function body... }
好處在於:
1、所有局部變數都定義在函數開始,方便查找;
2、防止變數在定義前所使用的邏輯錯誤。
在javascript中,一個變數名稱(name)有四種方式進入作用域(scope)中
語言內置,所有的作用域都有this和arguments關鍵字
形式參數,函數的參數在整個作用域中都是有效的
函數宣告
變數宣告
上面列出的四種順序也正是由高到底的優先權的順序,一旦一個變數名稱已經宣告了,那麼它就不可能被其他較低優先權的變數宣告形式所覆蓋。