毫無(wú)節(jié)操地理解js的作用域、閉包

今天在水群時(shí)發(fā)現(xiàn)有小伙伴又拿出了這樣的代碼:

  function a(){
   function b(){   
       c = 1; 
   }
  }

然后問(wèn)c是誰(shuí)的。。。
我一看,誒呀我擦,這又不是作用域的問(wèn)題嗎?剛想說(shuō)c是b的變量,但是定睛一看,不對(duì),媽的有陷阱,c前沒(méi)加var,又不是嚴(yán)格模式,然后我就跟他說(shuō):
"c是全局變量。"
然后他就咚咚咚地用nodejs敲了一下然后:

nodejs.png

噗,not defined。額,這個(gè)嘛,你a和b都沒(méi)有被執(zhí)行。。。何來(lái)的c。。。

不過(guò),既然又遇到這種問(wèn)題,那么就必須好好解答了。

第一個(gè)問(wèn)題:什么是作用域?

作用域,就是函數(shù)的老婆。
好吧我正經(jīng)一點(diǎn),作用域就是函數(shù)執(zhí)行的地方。
當(dāng)你看見(jiàn)一個(gè)函數(shù),不管它長(zhǎng)什么樣子,有一點(diǎn)肯定一樣的,那就是function *(){},“*”號(hào)代表任意合法聲明函數(shù)的字符包括空字符。那么,作用域就存在于兩個(gè)大括號(hào)之間。
例如:

function a(){
    /*a的作用域*/
    var _a;
    function b(){
         /*b的作用域*/
         var _b;
         function c(){
               /*c的作用域*/
               var _c;
         }
    }
}

當(dāng)然,我說(shuō)作用域是函數(shù)的老婆是有道理的,你看上面,a與a的作用域下不是生出了個(gè)b么?b與b的作用域下不是生出了個(gè)c么?完全可以這樣理解嘛。
那么,既然作用域是函數(shù)的老婆,那么訪問(wèn)變量算什么?

訪問(wèn)變量算“親吻”

想想看,作用域最大的特點(diǎn)是什么?
我們經(jīng)常聽(tīng)到一句話,

函數(shù)內(nèi)部可以訪問(wèn)外部變量,函數(shù)外部不能訪問(wèn)函數(shù)內(nèi)部變量。

沒(méi)錯(cuò),作用域就是用來(lái)區(qū)分函數(shù)內(nèi)部和外部的。其次,因?yàn)楹瘮?shù)外部作用域不能訪問(wèn)函數(shù)內(nèi)部作用域,所以定義在函數(shù)作用域的變量可以看成函數(shù)的私有變量,就是別人無(wú)法訪問(wèn)的變量。
額,看起來(lái)還是有點(diǎn)復(fù)雜?
那么可以這樣理解:

  • 作用域是函數(shù)的老婆
  • 訪問(wèn)變量是親吻作用域(因?yàn)樽兞渴嵌x在作用域里的)

然后還是剛才的代碼:

function a(){
    /*a的作用域*/
    var _a;
    function b(){
         /*b的作用域*/
         var _b;
         function c(){
               /*c的作用域*/
               var _c;
         }

         function d(){
              /*d的作用域*/
              var _d;
         }
    }
}

很明顯,b可以訪問(wèn)到_a,為什么?孩子親媽媽不是很正常嗎?
然后,c可以訪問(wèn)到_a/_b,為什么?孫子親媽媽奶奶不是很正常嗎?
然后,a無(wú)法訪問(wèn)到_b/_c,為什么?你家爸爸可以親兒媳婦?你家爺爺可以親孫媳婦?這不好吧。。。
然后我新增加了一個(gè)d函數(shù),為了說(shuō)明一個(gè)問(wèn)題:弟弟不能親嫂子。函數(shù)d無(wú)法訪問(wèn)到_c。同樣,哥哥不能親弟妹,函數(shù)c無(wú)法訪問(wèn)到_d。

這樣是不是一下子就理解了?

函數(shù)都有老婆了,~~我還是單身狗 ~~,那閉包算什么

咳咳,閉包就是函數(shù)允許別人“親吻”他老婆的某些地方。
當(dāng)然不是直接“親吻”,是通過(guò)一些間接的方式讓別人“親”到他老婆。

function a(){
    /*a的作用域*/
    function b(){
        /*b的作用域*/
        var _b="我是_b";
        return function c(){
             console.log(_b);
        }
    }

    var _a=b();
    _a();//打印"我是_b"
}

天啊擼,a居然能訪問(wèn)"我是_b"這個(gè)字符串,要知道這個(gè)字符串可是屬于b的作用域。。。b的老婆的一部分啊。
恩,所以嘛。。。可以理解閉包的作用了吧。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容