JavaScript變量聲明詳解

字號:


    定義在函數(shù)體外的都屬于全局變量,定義在函數(shù)體內的屬于局部變量。這里的定義是指通過var聲明的。
    JavaScript有隱含的全局概念,意味著你不聲明的任何變量都會成為一個全局對象屬性。例如:
    代碼如下:
    function test(){
    myname = "huming";
    alert(myname);
    }
    test();  // "huming"
    alert(myname);  //"huming"
    兩個結果是一樣的,說明myname是一個全局變量。
    那么,隱式全局變量和明確定義的全局變量有沒有區(qū)別呢。。答案肯定是有的,看下面的例子:
    代碼如下:
    // 定義三個全局變量
    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"
    由上面的例子可以看出:在函數(shù)之外通過var定義的global_test1不能被刪除,而沒有經過var定義的global_test2和global_test3都被刪除了(無論是否是在函數(shù)體內創(chuàng)建)。
    總結來說,在函數(shù)體外通過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并不是你以為的全局變量,而是和它在一個作用域(一個函數(shù)體)內的局部變量。雖然它還沒有被聲明,但被當作是聲明了。這就是所謂的“hoisting”。
    這樣應該就明白了吧。當你在函數(shù)體中使用了一個變量,又在之后重新聲明的話,就可能產生錯誤。
    書寫規(guī)范:
    代碼如下:
    function test() {
    var a = 1,
    b = 2,
    c = a + b,
    d = {},
    e,
    f;
    // function body...
    }
    好處在于:
    1、所有局部變量都定義在函數(shù)開始,方便查找;
    2、防止變量在定義之前使用的邏輯錯誤。
    小伙伴們是否了解了javascript的變量聲明了呢,以上內容很詳細也很易懂,最后的總結也很中肯,小伙伴們不要錯過。