js 變量的做用域詳解、生存週期，以及一些小細節。

寫在前面：

是想寫一個閉包的，由於寫的比較細，基於篇幅，因此閉包前面關於變量的部分就單獨發出來，到時候放個連接引進來，js閉包雖然是一個被講爛的東西，但其實不少人剛接觸這個概念也不太懂，因此但願寫一篇接地氣，可以讓一個從前不知道這個內容的小夥伴可以清楚的理解閉包這個東西。so，本文是基於閉包的變量部分。

首先須要理解變量的做用域（變量的有效範圍）：

變量的做用域有兩種：全局變量和局部變量。

全局變量很好理解：就是咱們平時沒有再函數內部聲明的那些變量，在全局中任何地方（函數，對象等）均可以被引用。

栗子：

var n=999;
　　function f1(){
　　　　alert(n);
　　}
　　f1(); // 輸出999,說明全局變量n在函數內部被讀取複製代碼

局部變量：在函數內部聲明的變量。函數內部的變量，外部沒法讀取。
栗子：

　function f1(){
　　　　var n=999;
　　}
　　alert(n); // 沒有定義，說明函數內部的變量，外部沒法讀取。複製代碼

在函數內部聲明變量沒有使用var，其實是聲明瞭一個全局變量，前提是須要先調用函數（閉包函數中，也是全局變量。）！

栗子：

var func1=function(){
         a1=1;
        console.log(a1); //輸出:1
        function func2() {//func2()是一個閉包
            a2=2;
            console.log(a2);
        }
        func2()；//閉包函數中的變量在調用函數以後，變量也是全局變量
        console.log(a2);//輸出2
    };
    func1();//調用函數，纔會使變量生效
    console.log(a1);//輸出1
     console.log(a2);//輸出2，說明閉包中沒有用var聲明的變量也是全局變量。複製代碼

上面栗子中在函數裏面聲明變量沒有用var，在調用函數以後，a1，a2都能有效輸出，看完栗子以後，相信大家對變量的做用域也有一些瞭解了，咱們總結一下：

---

變量做用域，js高級程序設計（紅寶書）中的解釋：

內部環境能夠經過做用域鏈訪問全部的外部環境，但外部環境不能訪問內部環境中的任何變量和函數。這些環境是線性、有次序的。每一個環境均可以向上搜索做用域鏈，以查詢變量和函數名；

意思就是：好比函數的局部環境能夠訪問到外界全部的變量的函數，並且環境的搜索是先從本身自己的環境開始，一級一級往上搜索，這樣由多個執行上下文的變量對象構成的鏈表就叫作做用域鏈。

關於查找變量，紅寶書中有一句話是這樣的：

標識符解析是沿着做用域鏈一級一級地搜索標識符的過程。搜索過程始終從做用域鏈的前端開始，而後逐級的向後查找，直至找到標識符位置（若是找不到標識符，一般會致使錯誤的發生、）

ps：標識符指的是變量的名字，做用域鏈的前端指的是當前執行代碼所在環境的變量對象。

做用域鏈的用途：

保證對執行環境有權訪問的全部變量和函數的有序訪問。

紅寶書中的做用域鏈栗子：

var color = 'blue';

function text1(){
    var anotherColor = 'red';

    function text2(){
        var tempCplor = anotherColor;
        anotherColor = color;
        //這裏能夠訪問到color、anotherColor和tempColor
    }
    //這裏能夠訪問color和anotherColor,但不能訪問到tempColor
    text2();
}
//這裏只能訪問到color
text1();複製代碼

解析（畫重點，這裏關於做用域講的比較詳細，看完這個做用域就瞭解差很少）：

以上代碼一共涉及三個執行環境：全局環境，text1()的局部環境和text2()的局部環境。

1.全局環境中有一個變量color和一個函數text1()。

2.text1()的局部環境中有一個anotherColor變量和一個text2()的函數，但它能夠訪問到全局環境中的變量color。

3.text2()的局部環境有一個變量tempColor，該變量只能在text2()自身的環境中被訪問到。這是一個閉包，不管是全局環境仍是text1()的局部環境都無權訪問tempColor。可是在text2()的內部環境中，能夠訪問到全局環境和text1()中的全部變量，由於這兩個環境是text2()的父執行環境。

這個做用域鏈爲：

只是把函數的名字改了，圖方便

ps：函數參數也被當作變量來對待，所以其訪問規則與執行函數中的其餘變量相同。

以上出自紅寶書，本身修改了一丟丟，紅寶書仍是神器啊，常看常新，每次都會有新發現。

---

關於變量的生存週期：

1.全局變量的生存週期是永久的，除非咱們主動銷燬。

ps：變量永久生存，且能夠隨時調用，可是使用的時候要適度，正是由於它的生命週期長，因此將佔據更多的內存，若是聲明的變量都是全局變量，當項目比較大的時候，就可能出現性能問題,養成一個好的習慣仍是有必要的。

2.而對於在函數內用 var 關鍵字聲明的局部變量來講,當退出函數時,這些局部變量即失去了它們的價值,它們都會隨着函數的調用的結束而銷燬。

ps：調用函數結束，局部變量確實會銷燬。但並非徹底銷燬，而是一直函數的內部環境中存活着，當函數再度被調用時，變量就「復活」了，因此局部變量仍是很是方便的，不會影響二次使用。

值得注意的是：在局部環境中，出現全局變量與局部變量重名的時候，起做用的是局部變量，全局變量被屏蔽掉。這是由於上文說過做用域鏈的緣由，先由局部開始搜索變量，當局部找到該變量的時候，就不會再我繼續往父級找變量了。

---

後話：

就這些吧，以爲內容不夠多，日常多一點的。原本想寫個面試題的，後來幾經修改，以爲寫的很差，就刪掉了。這幾天五一，爭取把閉包這個東西寫出來，寫的很差之處，歡迎指導。

最後：碼字不易，感謝支持！由於我常常看不懂別人寫的分享，因此我的寫文比較偏小白，寫的很差之處，歡迎指點。而後就是但願看完的朋友點個喜歡，也能夠關注一下我。
ps：目前待業，座標北京，本人適應互聯網快節奏，高強度，持續學習，持續成長，認真，嚴謹，學習積極性強。中小公司大佬求帶走，郵箱：1677593011@qq.com。
掘金我的主頁 ，簡書主頁連接，csdn博客主頁連接