淺談js中的閉包

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

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

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

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

舉例說(shuō)明如下：

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