淺談js中的閉包

kumfo 發(fā)布于2019-08-20 18:27 / 1705人閱讀

摘要：對于一個個剛剛接觸前端的新手，天天聽人講閉包，聽的那個高大尚，心中對各位技術(shù)大佬是那個的膜拜，于是做為前端菜鳥的我，就去了解了傳說中的閉包。

對于一個個剛剛接觸前端的新手，天天聽人講閉包，聽的那個高大尚，心中對各位技術(shù)大佬是那個的膜拜，于是做為前端菜鳥的我，就去了解了傳說中的閉包。

何為閉包？
通俗易懂的講，就是可以調(diào)用函數(shù)內(nèi)部的變量和方法

舉例說明如下：

     function test(){
           var x = 1;
           var y = 2;
           function func1(){
               x++;
               console.log("x:"+x);
           }

           function func2(){
               y++;
               console.log("y:"+y);
           }

            func3 = function(){
               console.log("x+y:"+(x+y));
           }

           return {
               func1:func1
           }
       }

       var obj1 = test();
       obj1.func1();//輸出x:2
       obj1.func1();//輸出x:3
       func3();//輸出x+y:5

       var obj2 = test();
       obj2.func1();//輸出x:2
       obj2.func1();//輸出x:3
       obj2.func1();//輸出x:4
       func3();//輸出x+y:6

       obj1.func1();//輸出x:4
       func3();//輸出x+y:6

解析：你可以把test理解成一個對象，首先建立一個obj1對象，這個時(shí)候調(diào)用obj1.func1()時(shí)，test中的x會被累加，這個就是閉包的一個特點(diǎn)，就是外部可以改變函數(shù)內(nèi)部的變量值，這里要記住一點(diǎn)，只有在test中return返回的函數(shù)在外部才能被調(diào)用，如果此時(shí)調(diào)用obj1.func2()會提示出錯的，只有跟func1一樣在return中返回才能被外部調(diào)用；func3可以理解為公有的函數(shù)，但是只有在聲明完test之后才能被調(diào)用，因?yàn)閒unc3第一次定義是在test中定義的，所有要先test()之后才能被調(diào)用；obj2是新建立的一個對象，此時(shí)的obj1和obj2兩個對象是互不干擾的，各自疊加，這也是閉包的一個特性，可以用在以后建立多個計(jì)時(shí)器時(shí)使用閉包，事半功倍；這里要特別強(qiáng)調(diào)一下func3這個函數(shù)，第一個func3調(diào)用的是對象obj1中的func3,而當(dāng)obj2新對象聲明之后，func3調(diào)用的就是obj2中的func3了