今天在水群時(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敲了一下然后:
噗,
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的老婆的一部分啊。
恩,所以嘛。。。可以理解閉包的作用了吧。