定義在函數體外的都屬於全局變量,定義在函數體內的屬於局部變量。這裡的定義是指通過var聲明的。
JavaScript有隱含的全局概念,意味著你不聲明的任何變量都會成為一個全局對象屬性。例如:
復制代碼 代碼如下:
function test(){
myname = "huming";
alert(myname);
}
test(); // "huming"
alert(myname); //"huming"
兩個結果是一樣的,說明myname是一個全局變量。
那麼,隱式全局變量和明確定義的全局變量有沒有區別呢。。答案肯定是有的,看下面的例子:
復制代碼 代碼如下:
// 定義三個全局變量
var global_test1 = 1;
global_test2 = 2; // 反面教材
(function () {
global_test3 = 3; // 反面教材
}());
// 試圖刪除
delete global_test1; // false
delete global_test2; // true
delete global_test3; // true
// 測試該刪除
alert(typeof global_test1); // "number"
alert(typeof global_test2); // "undefined"
alert(typeof global_test3); // "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 = 1,
b = 2,
c = a + b,
d = {},
e,
f;
// function body...
}
好處在於:
1、所有局部變量都定義在函數開始,方便查找;
2、防止變量在定義之前使用的邏輯錯誤。
小伙伴們是否了解了javascript的變量聲明了呢,以上內容很詳細也很易懂,最後的總結也很中肯,小伙伴們不要錯過。