《你不知道的javascript》之函數(shù)作用域和塊作用域

函數(shù)作用域


? ? ?對(duì)于JavaScript中的函數(shù),我們通常是這樣使用的

? ? ?首先聲明一個(gè)函數(shù)?

? ? ? function foo(){..}

? ? ? 然后在某個(gè)地方調(diào)用它

? ? ??foo()

? ? ? ?但是你有沒(méi)有想過(guò)這個(gè)過(guò)程的缺點(diǎn)股缸?

? ? ? ?第一眉枕、我們定義的函數(shù)名foo會(huì)“污染”其所在的作用域厌衙,什么意思呢台谊?比如foo是在全局環(huán)境中定義的勉盅,那么你就強(qiáng)行給全局作用域添加了一個(gè)叫foo的函數(shù)古话,其他人也用這個(gè)foo的話就會(huì)造成沖突,所以理論上牵触,我們?cè)诰帉懘a的時(shí)候要始終有一種保持作用域干凈(不被污染)的意識(shí)和習(xí)慣淮悼。第二、我們必須顯示的使用函數(shù)名foo才能運(yùn)行其中代碼揽思。

? ? ? 那么有什么方法可以解決上述問(wèn)題呢袜腥?

? ? ? 可能有些同學(xué)已經(jīng)很快想到了。沒(méi)錯(cuò)钉汗,我們可以這么做:

? ?(function foo(){

? ? ? ? ? ? ? ...//代碼片段

? ? ? ?})()

? ? ? 不過(guò)這樣寫又有什么意義呢羹令?

? ? ? ?function前面加個(gè)括號(hào)就表示著foo 函數(shù)已經(jīng)是個(gè)表達(dá)式了,而判斷表達(dá)式和函數(shù)聲明最簡(jiǎn)單的辦法也就是看函數(shù)聲明時(shí)關(guān)鍵字function的位置了损痰,如果function是聲明中的第一個(gè)詞福侈,那么就是一個(gè)函數(shù)聲明,否則就是一個(gè)函數(shù)表達(dá)式卢未。

? ? ? ?函數(shù)聲明和函數(shù)表達(dá)式最重要的區(qū)別就是它們的名稱標(biāo)識(shí)符會(huì)綁定在何處癌刽。

? ?(function foo(){...})() 意味著標(biāo)識(shí)符foo綁定在了自身的函數(shù)中,也就是只能在{...}中調(diào)用尝丐,外部作用域是不能調(diào)用的。foo變量隱藏在自身函數(shù)中衡奥,就也不會(huì)污染外部作用域了爹袁。


塊作用域


? ? ? ?函數(shù)是JavaScript中最常見(jiàn)的作用域單元,但卻不是唯一的作用域單元矮固,因?yàn)槲覀冞€可以把變量和函數(shù)放入塊做作用域中失息,通常為{...}內(nèi)部。

? ? ? ?與其他多數(shù)編程語(yǔ)言相比档址,javascript是沒(méi)有塊狀作用域的概念的盹兢,一個(gè)典型的例子就是for循環(huán)

? ? ? ?for(var i=0; i<10; i++){

? ? ? ? ? ? console.log(i);

? ? ? ? }

? ? ? ? console.log(i);

? ? ? ?上面的這段代碼中,我們的真實(shí)目的只是想在for循環(huán)內(nèi)部使用i守伸,但殊不知已經(jīng)悄悄的將i綁定到了全局作用域中绎秒,所以最后一行打印出的結(jié)果為10,你想到了嗎尼摹?

? ? ? ? 所以這里的代碼只能說(shuō)是風(fēng)格上偽裝成的塊作用域见芹,在其他地方使用i的話一定要注意了剂娄,i已經(jīng)存在了!

? ? ? ?那么JavaScript中就真的沒(méi)有塊作用域了嗎玄呛?答案是否定的阅懦,比如ES3中的try/catch,catch分句就創(chuàng)建了一個(gè)塊作用域徘铝。其中定義的err耳胎,外部就不能訪問(wèn)。

? ? ? ?try(){

? ? ? ? ? ? undefined();

? ? ? ?}catch(err){

? ? ? ? ? ? console.log(err); //能夠正常執(zhí)行

? ? ? ?}

? ? ? console.log(err); //ReferenceError: err not found;

? ? ?不過(guò)惕它,ES6的中的let也可以實(shí)現(xiàn)塊作用域的效果怕午,用let定義的變量就將變量隱藏在了所在的作用域(通常是{...})中。

? ? ? 除了let怠缸,ES6還引入了const诗轻,它不僅將變量隱藏在塊作用域中,同時(shí)也限制了外部不能對(duì)其修改揭北。

var test = true;

ifI(test){

? ?var? ? ?a = 2;

? ?const? b = 3;

? ? a = 3;//正常

? ? b = 4;//錯(cuò)誤

}

console.log(b);//ReferenceError

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末扳炬,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子搔体,更是在濱河造成了極大的恐慌恨樟,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,204評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件疚俱,死亡現(xiàn)場(chǎng)離奇詭異劝术,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)呆奕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門养晋,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人梁钾,你說(shuō)我怎么就攤上這事绳泉。” “怎么了姆泻?”我有些...
    開(kāi)封第一講書人閱讀 164,548評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵零酪,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我拇勃,道長(zhǎng)四苇,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 58,657評(píng)論 1 293
  • 正文 為了忘掉前任方咆,我火速辦了婚禮月腋,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己罗售,他們只是感情好辜窑,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,689評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著寨躁,像睡著了一般穆碎。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上职恳,一...
    開(kāi)封第一講書人閱讀 51,554評(píng)論 1 305
  • 那天所禀,我揣著相機(jī)與錄音,去河邊找鬼放钦。 笑死色徘,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的操禀。 我是一名探鬼主播褂策,決...
    沈念sama閱讀 40,302評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼颓屑!你這毒婦竟也來(lái)了斤寂?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 39,216評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤揪惦,失蹤者是張志新(化名)和其女友劉穎遍搞,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體器腋,經(jīng)...
    沈念sama閱讀 45,661評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡溪猿,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,851評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了纫塌。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片诊县。...
    茶點(diǎn)故事閱讀 39,977評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖措左,靈堂內(nèi)的尸體忽然破棺而出翎冲,到底是詐尸還是另有隱情,我是刑警寧澤媳荒,帶...
    沈念sama閱讀 35,697評(píng)論 5 347
  • 正文 年R本政府宣布,位于F島的核電站驹饺,受9級(jí)特大地震影響钳枕,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜赏壹,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,306評(píng)論 3 330
  • 文/蒙蒙 一鱼炒、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧蝌借,春花似錦昔瞧、人聲如沸指蚁。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,898評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)凝化。三九已至,卻和暖如春酬荞,著一層夾襖步出監(jiān)牢的瞬間搓劫,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,019評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工混巧, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留枪向,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,138評(píng)論 3 370
  • 正文 我出身青樓咧党,卻偏偏與公主長(zhǎng)得像秘蛔,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子傍衡,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,927評(píng)論 2 355

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