閉包--閉包作用之保存(一)

darkbug 發(fā)布于2019-08-23 13:11 / 508人閱讀

摘要：閉包作用解析保存函數(shù)執(zhí)行形成一個私有作用域，函數(shù)執(zhí)行完成，開成的這個棧內(nèi)存一般情況下都會自動釋放函數(shù)執(zhí)行完成，當(dāng)前私有作用哉棧內(nèi)存中的某一部分內(nèi)容被內(nèi)存以外的其它東西變量元素的事件占用了，當(dāng)前的棧內(nèi)存就不能釋放掉，也就形成了不銷毀的私有作用

閉包作用解析：保存

函數(shù)執(zhí)行形成一個私有作用域，函數(shù)執(zhí)行完成，開成的這個棧內(nèi)存一般情況下都會自動釋放

函數(shù)執(zhí)行完成，當(dāng)前私有作用哉(棧內(nèi)存)中的某一部分內(nèi)容被內(nèi)存以外的其它東西(變量/元素的事件)占用了，當(dāng)前的棧內(nèi)存就不能釋放掉，也就形成了不銷毀的私有作用域(里面的私有變量也不會銷毀)

函數(shù)作用域

函數(shù)內(nèi)部可以訪問函數(shù)外部的變量，

函數(shù)外部不可以訪問函數(shù)內(nèi)部的變量

當(dāng)在函數(shù)外部定義一個變量，變量在函數(shù)內(nèi)部發(fā)生了變化，函數(shù)內(nèi)部和外部都能訪問到這個變量

        var a = 1;
        function fn1(){
            a++;
            console.log(a)  //2
        }
        fn1()
        console.log(a)  //2

閉包作用例子：保存

fn():調(diào)用完函數(shù)，就會釋放棧內(nèi)存

f(): 在函數(shù)外面有一個變量接收了這個返回值，此時當(dāng)前作用域不能銷毀

        function fn() {
            var i = 1;
            return function(n) {
                console.log(n + i++)
            }
        }
        var f = fn();
        f(10);   //11     正確:11,10+1=10,之后1為2,因為f(10),在函數(shù)fn()外面調(diào)用，故函數(shù)fn()里的棧內(nèi)存不銷毀,i一直存在
        fn()(10); //12    正確:11 先執(zhí)行fn(),之后再執(zhí)行(10),即f(10),執(zhí)行fn是重新把所有的流程執(zhí)行一遍，臨時不銷毀，當(dāng)返回結(jié)果執(zhí)行完，沒有被占用了，就會釋放掉
        f(20);  //21      正確:22  //棧內(nèi)存沒有銷毀,20+1
        fn()(20);  //22   正確:21 第二次執(zhí)行fn是重新把所有的流程執(zhí)行一遍，和第一次沒有任何直接的關(guān)系,20+2=22

        function fn() {
            var i = 1;
            return function(n) {
                console.log(n + i++)
            }
        }
        var f = fn();
        f(10);  //11
        f(20); //22

        function fn() {
            var i = 1;
            return function(n) {
                console.log(n + i++)
            }
        }
        var f = fn();
        fn()(10); //11
        fn()(20); //21

        function fn() {
            var i = 1;
            return function(n) {
                console.log(n + i++)
            }
        }
        var f = fn();
        fn()(10); //11
        f(20); //21

舉一反三

        var i = 1;
        function fn() {
            return function(n) {
                console.log(n + i++)
            }
        }
        var f = fn();
        f(10); //11
        fn()(10); //12
        f(20); //23
        fn()(20); //24

        function fn(i) {
            return function(n) {
                console.log(n + i++)   
            }
            //console.log(i)  //因為return,所以走不到這一hi
        }
        var f = fn(10);
        f(20); //30       正確:30 
        fn(10)(20); //31   正確:30
        f(30); //40        正確:41
        fn(20)(10); // 31  正確:30
        f(40) //50         正確:52