JS作用域和作用域鏈

作用域

作用域是JavaScript最重要的概念之一夺溢。任何程序設(shè)計語言都有作用域的概念登澜,簡單來說淹辞,作用域就是變量與函數(shù)的可訪問范圍床未,即作用域控制著變量與函數(shù)的可見性和生命周期竭翠。在JavaScript中,作用域是靠函數(shù)來形成的薇搁,也就是說一個函數(shù)的變量在函數(shù)外不可以訪問斋扰。

1. 全局作用域

在代碼中任何地方都能訪問到的對象擁有全局作用域。

1.最外層函數(shù)和在最外層函數(shù)外面定義的變量擁有全局作用域

var n =2;

function fn(){
    var a = 1;
    return a;
}

console.log(fn()); // 1
console.log(n); // 2
console.log(a); // 報錯error

2.所有未定義直接賦值的變量自動聲明為擁有全局作用域

var n =2;

function fn(){
    a = 1;
    return a;
}

console.log(fn()); // 1
console.log(n); // 2
console.log(a); // 1

3.所有window對象的屬性擁有全局作用域

2 .局部作用域

和全局作用域相反,局部作用域一般只在固定的代碼片段內(nèi)可訪問到传货,最常見的例如函數(shù)內(nèi)部屎鳍,所以在一些地方會把這種作用域成為函數(shù)作用域。

var n =2;

function fn(){
    var a = 1;
    return a;
}

console.log(fn()); // 1
console.log(n); // 2
console.log(a); // 報錯error

上述代碼中a是函數(shù)內(nèi)部聲明并賦值问裕,擁有局部作用域逮壁,只能帶函數(shù)fn內(nèi)部使用,在fn外部使用就會報錯粮宛,這就是局部作用域的特性窥淆,只能在固定的代碼片段內(nèi)可以使用,外部則無法訪問窟勃。

作用域鏈

當(dāng)聲明一個函數(shù)時祖乳,局部作用域一級一級向上扣起來,就是作用域鏈秉氧。

  1. 當(dāng)執(zhí)行函數(shù)時眷昆,總是先從函數(shù)內(nèi)部找尋變量,即局部作用域開始汁咏。

  2. 如果內(nèi)部找不到(函數(shù)的局部作用域沒有)亚斋,則會向創(chuàng)建函數(shù)的作用域(聲明函數(shù)的作用域)尋找,依次向上

看個例子:

var a = 1;
function fn(){
    var a = 10;
    function fn1(){
        var a = 20;
        console.log(a); //20
    }
    function fn2(){
        console.log(a); //10
    }
    fn1();
    fn2();
}

fn();
console.log(a); //1

當(dāng)執(zhí)行fn1時攘滩,創(chuàng)建函數(shù)fn1的執(zhí)行環(huán)境(調(diào)用對象)帅刊,并將該對象置于鏈表開頭,然后將函數(shù)fn的調(diào)用對象放在第二位漂问,最后是全局對象赖瞒,作用域鏈的鏈表的結(jié)構(gòu)是fn1->fn->window(全局)。從鏈表的開頭尋找變量a蚤假,即fn1函數(shù)內(nèi)部找變量a栏饮,找到了,結(jié)果是20磷仰。

同樣袍嬉,執(zhí)行fn2時,作用域鏈的鏈表的結(jié)構(gòu)是fn2->fn->window(全局)灶平。從鏈表的開頭尋找變量a伺通,即fn2函數(shù)內(nèi)部找變量a,找不到逢享,于是從fn內(nèi)部找變量a罐监,找到了,結(jié)果是10瞒爬。

最后在最外層打印出變量a笑诅,直接從變量a的作用域即全局作用域內(nèi)尋找调缨,結(jié)果為1。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末吆你,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子俊犯,更是在濱河造成了極大的恐慌妇多,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,039評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件燕侠,死亡現(xiàn)場離奇詭異者祖,居然都是意外死亡,警方通過查閱死者的電腦和手機绢彤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評論 3 395
  • 文/潘曉璐 我一進店門七问,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人茫舶,你說我怎么就攤上這事械巡。” “怎么了饶氏?”我有些...
    開封第一講書人閱讀 165,417評論 0 356
  • 文/不壞的土叔 我叫張陵讥耗,是天一觀的道長。 經(jīng)常有香客問我疹启,道長古程,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,868評論 1 295
  • 正文 為了忘掉前任喊崖,我火速辦了婚禮挣磨,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘荤懂。我一直安慰自己茁裙,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,892評論 6 392
  • 文/花漫 我一把揭開白布势誊。 她就那樣靜靜地躺著呜达,像睡著了一般。 火紅的嫁衣襯著肌膚如雪粟耻。 梳的紋絲不亂的頭發(fā)上查近,一...
    開封第一講書人閱讀 51,692評論 1 305
  • 那天,我揣著相機與錄音挤忙,去河邊找鬼霜威。 笑死,一個胖子當(dāng)著我的面吹牛册烈,可吹牛的內(nèi)容都是我干的戈泼。 我是一名探鬼主播婿禽,決...
    沈念sama閱讀 40,416評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼大猛!你這毒婦竟也來了扭倾?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,326評論 0 276
  • 序言:老撾萬榮一對情侶失蹤挽绩,失蹤者是張志新(化名)和其女友劉穎膛壹,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體唉堪,經(jīng)...
    沈念sama閱讀 45,782評論 1 316
  • 正文 獨居荒郊野嶺守林人離奇死亡模聋,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,957評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了唠亚。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片链方。...
    茶點故事閱讀 40,102評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖灶搜,靈堂內(nèi)的尸體忽然破棺而出祟蚀,到底是詐尸還是另有隱情,我是刑警寧澤占调,帶...
    沈念sama閱讀 35,790評論 5 346
  • 正文 年R本政府宣布暂题,位于F島的核電站,受9級特大地震影響究珊,放射性物質(zhì)發(fā)生泄漏薪者。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,442評論 3 331
  • 文/蒙蒙 一剿涮、第九天 我趴在偏房一處隱蔽的房頂上張望言津。 院中可真熱鬧,春花似錦取试、人聲如沸悬槽。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽初婆。三九已至,卻和暖如春猿棉,著一層夾襖步出監(jiān)牢的瞬間磅叛,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評論 1 272
  • 我被黑心中介騙來泰國打工萨赁, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留弊琴,地道東北人。 一個月前我還...
    沈念sama閱讀 48,332評論 3 373
  • 正文 我出身青樓杖爽,卻偏偏與公主長得像敲董,于是被迫代替她去往敵國和親紫皇。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,044評論 2 355

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

  • 作用域 作用域是JavaScript最重要的概念之一腋寨。任何程序設(shè)計語言都有作用域的概念聪铺,簡單來說,作用域就是變量與...
    饑人谷_Tom閱讀 187評論 0 0
  • 前言:在記錄作用域和作用域鏈知識,我一度陷入了錯誤理解的邊緣??脂倦,它也是之后理解閉包知識非常重要的前置知識。查了資料...
    饑人谷_遠方閱讀 348評論 0 0
  • 前天被問到作用域鏈的知識元莫,感覺有個大概的認識赖阻,但是轉(zhuǎn)化為語言就無法調(diào)理清楚地講述出來,回來后決定惡補功課踱蠢,在此做個...
    栗子酥小小閱讀 334評論 0 0
  • 一火欧、作用域 作用域就是變量和函數(shù)的可訪問范圍,控制著變量和函數(shù)的可見性與生命周期茎截,在JavaScript中變量的作...
    50153465fcd8閱讀 259評論 0 1
  • 1苇侵、不要錯過你真心感興趣的東西。 當(dāng)時剽悍讀書營發(fā)布寫作馬拉松活動報名通知的時候企锌,我第一眼就很喜歡榆浓、覺得好玩、想玩...
    玉妃說閱讀 199評論 0 5