JavaScript 閉包

JavaScript 閉包

做用域

  在Js中,全部的名字(變量/常量/函數/類)都有一個做用範圍,這被稱之爲做用域。閉包

 

全局做用域


  全局做用域便是在全局下定義的名字做用範圍,在Js中全局做用域中的名字全局有效,在任何做用域中都能進行訪問。函數

 

  生命週期:頁面打開則產生,頁面完畢時銷燬spa

  數量:最多隻有一個code

 

image-20200731233734502

 

局部做用域


  局部做用域一般是指在函數中定義的名字做用範圍,局部有效,外部不能訪問。對象

 

  生命週期:對於函數的局部做用域來講,函數調用時存活,調用完畢則銷燬,也就是說每次調用函數都會新增一個局部做用域。函數執行完畢後該做用域將不復存在。blog

  數量:能夠有多個局部做用域生命週期

 

image-20200731234314517

 

塊級做用域


  塊級做用域的範圍小了不少,它只包含在{}中由let/const定義的名字的做用範圍,也是局部有效,外部不能訪問。ip

 

  生命週期:塊級做用域是能夠有多個的,生命週期爲當執行塊級做用域中代碼塊時塊級做用域存活,執行完畢後塊級做用域銷燬。內存

  數量:能夠有多個塊級做用域作用域

 

image-20200731235222291

 

名字查找順序


  先到自身的做用域中查找,若是沒有再到定義本身做用域的做用域中進行查找。

 

image-20200731235914695

 

<script>"use strict";
​
        let username = "雲崖";
​
        let age = 18;
​
        function show() {
​
​
                let username = "Yunya";  // 若是這裏註釋掉下面的查找結果是雲崖
​
                let age = 16;
​
                console.log("show...");
​
                (function () {
​
                        console.log(username);  // Yunya
​
                }());
​
        }
​
        show();
​
​
</script>

 

塊級做用域的封裝


  在以前沒有塊級做用域這一律念以前進行模塊封裝都是使用自執行函數利用它函數局部做用域的特性進行封裝,可是如今有了let/const塊級做用域後咱們又有了新的封裝方式。

 

  封裝

{
​
        let show = function () {
                console.log("執行了show功能");
        }
​
        let test = function () {
                console.log("執行了test功能");
        }
​
        window.module = { show, test };
​
};

 

  調用

<script src="JavaScript.js"></script> 
<script>// 注意上面要引入模塊
    
        "use strict";
​
        module.show();
        module.test();
​
</script>

 

閉包

  閉包其實很是簡單,它是基於函數嵌套+做用域+函數參數進行實現的。

 

  閉:一個封閉的函數,不能被外部直接調用,因此該函數確定是在一個局部做用域或塊級做用域中。

  包:一個包裹閉函數的函數被稱之爲包函數。

 

  咱們必定要注意一件事,即局部做用域的銷燬是在函數執行完後進行銷燬,可是這個銷燬時機是有講究的。

  若是咱們將局部做用域中的一個名字返回出去,那麼該局部做用域的銷燬時機是什麼呢?這個得看狀況。

 

  該名字指向的是一個值類型:當即銷燬!值類型直接複製值就行了。

  該名字指向的是一個引用類型:不銷燬!引用類型可能會被引用,你把局部做用域銷燬了那塊內存地址就空了,引用類型還引用個毛線。

 

<script>"use strict";
​
        function outer(){
​
                let username = "雲崖";
​
                // 因爲返回的是一個引用對象,故outer的做用域環境不會被銷燬,若是銷燬了內存地址清空就找不到這個
                // 函數了,因爲outer的做用域環境不會銷燬那麼username也將會存活。
return function(){ 
​
                        console.log(username);  // 本身找不到,去上層找唄。而後找到了 雲崖 
​
                }
​
        }
​
        let func = outer(); // func就是返回出來的匿名函數
        func();
​
</script>

 

閉包注意事項

  少用,少用。

  不銷燬局部做用域表明不銷燬這一塊的內存,所以每作一個閉包函數一旦調用就會多出一塊跟隨全局做用域銷燬的局部做用域,若是調用多了這個閉包函數那就emmm....

相關文章
相關標籤/搜索