1. 程式人生 > >javaScript中使用var和不是用var定義變數的區別

javaScript中使用var和不是用var定義變數的區別

javaScript與java、c語言雖然有很多相同,但是也存在區別

JavaScript的變數沒有塊範圍

(1)看下面的例子

<script type="text/javascript">
    //定義全域性變數
    var scope="全集變數";
    function test(){
        //全域性變數被區域性變數覆蓋
        document.writeln(scope+"<br/>")
        //定義scope區域性變數,起作用範圍是整個函式
        var scope="區域性變數";
        //再次輸出scope值
        document.writeln(scope);
    }
    test();
</script>

執行結果:


(2)去掉test()中的var

<script type="text/javascript">
    //定義全域性變數
    var scope="全集變數";
    function test(){
        //全域性變數被區域性變數覆蓋
        document.writeln(scope+"<br/>")
        //定義scope區域性變數,起作用範圍是整個函式
        scope="區域性變數";
        //再次輸出scope值
        document.writeln(scope);
    }
    test();
</script>

執行結果:

(3)原因分析

主要是定義變數用var和不用var確實存在差異:

①如果使用var變數,那麼程式會強制定義一個新變數

②如果沒有使用var定義變數,系統會優先在當前上下文中搜索是否存在該變數,只有在該變數不存在的前提下,系統才會重新定義一個新變數

上面之所以從 undefined變成“全域性變數”,是因為定義區域性變數的程式碼處不是定義新變數,而是直接建全域性變數scope賦值。因此test()並沒有覆蓋全域性變數scope,故也就輸出“全域性變數”