1、JavaScript的作用域鏈

首先看下下面這段程式碼：

<script type="text/javascript">
    var rain = 1;
    function rainman(){
        var man = 2;
        function inner(){
            var innerVar = 4;
            alert(rain);
        }
        inner();    //呼叫inner函式
    }
    rainman();    //呼叫rainman函式
</script>
 

觀察alert(rain);這句程式碼。JavaScript首先在inner函式中查詢是否定義了變數rain，如果定義了則使用inner函式中的rain變數；如果inner函式中沒有定義rain變數，JavaScript則會繼續在rainman函式中查詢是否定義了rain變數，在這段程式碼中rainman函式體內沒有定義rain變數，則JavaScript引擎會繼續向上（全域性物件）查詢是否定義了rain；在全域性物件中我們定義了rain = 1，因此最終結果會彈出'1'。 作用域鏈：JavaScript需要查詢一個變數x時，首先會查詢作用域鏈的第一個物件，如果以第一個物件沒有定義x變數，JavaScript會繼續查詢有沒有定義x變數，如果第二個物件沒有定義則會繼續查詢，以此類推。 上面的程式碼涉及到了三個作用域鏈物件，依次是：inner、rainman、window。

2、函式體內部，區域性變數的優先順序比同名的全域性變數高。

<script type="text/javascript">
    var rain = 1;    //定義全域性變數 rain
    function check(){
        var rain = 100;    //定義區域性變數rain
        alert( rain );       //這裡會彈出 100
    }
    check();
    alert( rain );    //這裡會彈出1
</script>

3、JavaScript沒有塊級作用域。

這一點也是JavaScript相比其它語言較靈活的部分。 仔細觀察下面的程式碼，你會發現變數i、j、k作用域是相同的，他們在整個rain函式體內都是全域性的。

<script type="text/javascript">
    function rainman(){
        // rainman函式體記憶體在三個區域性變數 i j k
        var i = 0;
        if ( 1 ) {
            var j = 0;
            for(var k = 0; k < 3; k++) {
                alert( k );    //分別彈出 0 1 2
            }
            alert( k );        //彈出3
        }
        alert( j );            //彈出0
    }
</script>

4、函式中宣告的變數在整個函式中都有定義。

首先觀察這段程式碼：

<script type="text/javascript">
    function rain(){
        var x = 1;
        function man(){
            x = 100;
        }
        man();        //呼叫man
        alert( x );    //這裡會彈出 100
    }
    rain();    //呼叫rain
</script>

上面得程式碼說明了，變數x在整個rain函式體內都可以使用，並可以重新賦值。由於這條規則，會產生“匪夷所思”的結果，觀察下面的程式碼。

<script type="text/javascript">
    var x = 1;
    function rain(){
        alert( x );        //彈出 'undefined'，而不是1
        var x = 'rain-man';
        alert( x );        //彈出 'rain-man'
    }
    rain();
</script>

是由於在函式rain內區域性變數x在整個函式體內都有定義（ var x= 'rain-man'，進行了宣告），所以在整個rain函式體內隱藏了同名的全域性變數x。這裡之所以會彈出'undefined'是因為，第一個執行alert(x)時，區域性變數x仍未被初始化。 所以上面的rain函式等同於下面的函式：

function rain(){
    var x;
    alert( x );
    x = 'rain-man';
    alert( x );
}

5、未使用var關鍵字定義的變數都是全域性變數。

<script type="text/javascript">
    function rain(){
        x = 100;    //聲明瞭全域性變數x並進行賦值
    }
    rain();
    alert( x );    //會彈出100
</script>

這也是JavaScript新手常見的錯誤，無意之中留下的許多全域性變數。

https://www.98891.com/article-94-1.html

6、全域性變數都是window物件的屬性

<script type="text/javascript">
    var x = 100 ;
    alert( window.x );//彈出100
    alert(x);
</script>

等同於下面的程式碼

<script type="text/javascript">
    window.x = 100;
    alert( window.x );
    alert(x)
</script>