函數(shù)作用域&預處理機制

瀏覽器解讀代碼時,會按照以下順序進行加載狡蝶,先是對var 聲明的變量進行預處理庶橱,只聲明不復制,之后對于函數(shù)聲明進行提升贪惹,并把函數(shù)的內(nèi)容打印到函數(shù)名的后面苏章,最后對于參數(shù)進行處理。
之后瀏覽器按照代碼加載順序奏瞬,逐行解析代碼枫绅,遇到表達式再開始賦值,同時修改倉庫里面的值硼端。

    function a(b){
        alert(b);
        function b(){
            alert(b);       //此處彈出function b
        };
        b();            //此處彈出 function b
    }
    a(1);

    var n=0;
    function a(){
        var n=10;
        function b(){
            n++;
            alert(n);
        }
        b();
        return b;
    }
    var c=a();     //此處執(zhí)行了一遍a函數(shù) -->11
    c();            // -->12
    alert(n)       // -->0
    alert(a);
    var a=1;
    alert(a);
    function a(){
        alert (2);
    }
    alert(a);
    function a(){
        alert(4)
    }
    alert(a);

不同script添加的js文件并淋,可以建立向前方的依賴關(guān)系,但是之前的不能取到后方的內(nèi)容珍昨。由此可以總結(jié)出县耽,對于此種情況下的js作用域句喷,是自上而下的,類似于函數(shù)中由內(nèi)及外的作用域關(guān)系兔毙。

    var a=1;
    function fn1(){
        alert (a);
        var a=2;
    }
    fn1();              //函數(shù)內(nèi)聲明的a在作用域上優(yōu)于父級函數(shù)的聲明唾琼,但是由于只聲明 未賦值,因此彈出undefine澎剥;
    alert(a);           //1
var a=1;
function fn1(a){
    alert(a);
    a=2;
}
fn1();          // undefine 此時a應該為傳遞進的參數(shù)
alert(a);           //1

不論函數(shù)還是變量父叙,都是有作用域的,而預解析只能是在同一作用域下提前解析肴裙。
作用域是看的函數(shù)聲明或者變量所定義的位置趾唱,而不是調(diào)用它們的位置。

    function fn1(){
        var a='eva';
        fn2();
    }
    function fn2(){
        alert(a);
    }
    fn1();               // 報錯 由于fn2所在的作用域中沒有聲明a
    function fn1(){
        var a='eva';
        fn2(a);         
    }
    function fn2(a){
        alert(a)
    }
    fn1();          //彈出eva
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蜻懦,一起剝皮案震驚了整個濱河市甜癞,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌宛乃,老刑警劉巖悠咱,帶你破解...
    沈念sama閱讀 212,454評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異征炼,居然都是意外死亡析既,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評論 3 385
  • 文/潘曉璐 我一進店門谆奥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來眼坏,“玉大人,你說我怎么就攤上這事酸些≡滓耄” “怎么了?”我有些...
    開封第一講書人閱讀 157,921評論 0 348
  • 文/不壞的土叔 我叫張陵魄懂,是天一觀的道長沿侈。 經(jīng)常有香客問我,道長市栗,這世上最難降的妖魔是什么缀拭? 我笑而不...
    開封第一講書人閱讀 56,648評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮填帽,結(jié)果婚禮上蛛淋,老公的妹妹穿的比我還像新娘。我一直安慰自己盲赊,他們只是感情好铣鹏,可當我...
    茶點故事閱讀 65,770評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著哀蘑,像睡著了一般诚卸。 火紅的嫁衣襯著肌膚如雪葵第。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,950評論 1 291
  • 那天合溺,我揣著相機與錄音卒密,去河邊找鬼。 笑死棠赛,一個胖子當著我的面吹牛哮奇,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播睛约,決...
    沈念sama閱讀 39,090評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼鼎俘,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了辩涝?” 一聲冷哼從身側(cè)響起贸伐,我...
    開封第一講書人閱讀 37,817評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎怔揩,沒想到半個月后捉邢,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,275評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡商膊,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,592評論 2 327
  • 正文 我和宋清朗相戀三年伏伐,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片晕拆。...
    茶點故事閱讀 38,724評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡藐翎,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出潦匈,到底是詐尸還是另有隱情阱高,我是刑警寧澤赚导,帶...
    沈念sama閱讀 34,409評論 4 333
  • 正文 年R本政府宣布茬缩,位于F島的核電站,受9級特大地震影響吼旧,放射性物質(zhì)發(fā)生泄漏凰锡。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,052評論 3 316
  • 文/蒙蒙 一圈暗、第九天 我趴在偏房一處隱蔽的房頂上張望掂为。 院中可真熱鬧,春花似錦员串、人聲如沸勇哗。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽欲诺。三九已至抄谐,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間扰法,已是汗流浹背蛹含。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留塞颁,地道東北人浦箱。 一個月前我還...
    沈念sama閱讀 46,503評論 2 361
  • 正文 我出身青樓,卻偏偏與公主長得像祠锣,于是被迫代替她去往敵國和親酷窥。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,627評論 2 350

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

  • 目錄 1.靜態(tài)作用域與動態(tài)作用域 2.變量的作用域 3.JavaScript 中變量的作用域 4.JavaScri...
    一縷殤流化隱半邊冰霜閱讀 7,086評論 37 113
  • 官方中文版原文鏈接 感謝社區(qū)中各位的大力支持伴网,譯者再次奉上一點點福利:阿里云產(chǎn)品券竖幔,享受所有官網(wǎng)優(yōu)惠,并抽取幸運大...
    HetfieldJoe閱讀 2,303評論 0 21
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,846評論 25 707
  • 又一次八點多睡醒是偷,睜開眼又合上拳氢,不是不愿意醒來起來,只是真不知道起床要做什么蛋铆。辭職之后我沒有了固定的臨時工作馋评,本...
    簡偉閱讀 257評論 0 0
  • 黃色、橙色高溫預警已經(jīng)持續(xù)了幾天刺啦,大腦也是變得昏昏沉沉留特,思緒也在揉亂著,亂成一片玛瘸。夏天蜕青,本來就是應該在體感和情感給...
    ToufuY閱讀 222評論 2 1