JavaScript變數聲明詳解，javascript變數詳解

JavaScript變數聲明詳解，javascript變數詳解

定義在函數體外的都屬於全域變數，定義在函數體內的屬於局部變數。這裡的定義是指通過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的變數聲明了呢，以上內容很詳細也很易懂，最後的總結也很中肯，小夥伴們不要錯過。