JavaScript的預(yù)編譯

一尚胞、預(yù)編譯

1、檢查通篇的語法錯誤
2帜慢、預(yù)編譯的過程

函數(shù)聲明整體提升笼裳。
變量只有聲明提升,賦值不會提升粱玲。
3躬柬、解釋一行,執(zhí)行一行

二抽减、暗示全局變量

未被聲明就賦值了的話允青,那么該變量就是全局變量,所有權(quán)歸window

        a = 2
        console.log(a);//2
        document.writeln(window.a)//2
   function test() {
            var a = b = 1
        }
        test()
        //console.log(a); //a is not defined
        console.log(b);//1
        console.log(window.a);//undefined
        console.log(window.b);//1
    console.log(a());//2   undefined
        var a = 1
        function a() {
            console.log(2); //1   2
        }
        console.log(a);//3   1
      console.log(a);//? a(a) {...}
        function a(a) {
            var a = 10
            var a = function () {

            }
        }
        var a = 1
三卵沉、預(yù)編譯的過程:

例子1:

function test(a) {
            console.log(a);  //? a() { }
            var a = 1
            console.log(a); //1 
            function a() { }
            console.log(a);//1
            var b = function () { }
            console.log(b);//? () { }
            function d() { }
        }
        test(2)

創(chuàng)建 AO activation object 活躍對象颠锉,函數(shù)上下文。
AO={
第一步:尋找函數(shù)的形參和變量聲明
a=undefined
b=undefined
第二步:把實參的值賦值給形參
a=undefined -> 2
b=undefined ->
第三步:尋找函數(shù)聲明賦值給函數(shù)體
a=undefined -> 2 -> function a() { }
b=undefined -> -> function () { }
d=function d() { }
第四步:逐行執(zhí)行
b=undefined -> -> -> function () { }
}
例子2:
第一步:找形參和變量聲明
a=undefined
b=undefined
c=undefined
第二步:把形參給實參
a=undefined -> 1
b=undefined
c=undefined
第三步:把函數(shù)聲明給函數(shù)體
因為聲明了:function b() { }和 function d() { }
所以:
a=undefined -> 1 ->
b=undefined -> -> function b() { }
c=undefined -> ->
function d() { }
第四步:從上到下逐行執(zhí)行
a=undefined -> 1 -> -> 1
b=undefined -> -> function b() { } -> 6
c=undefined -> -> -> 6
function d() { }

 function test(a, b) {
            console.log(a); //1
            c = 0;
            var c;
            a = 5
            b = 6
            console.log(b);  //6
            function b() { }
            function d() { }
            console.log(b);//6
        }
        test(1)

例子3:

        a = 1
        function test() {
            console.log(a);//undefined
            a = 2
            console.log(a);//2
            var a = 3
            console.log(a);//3
        }

        test()
        var a

        // GO={
        //     a:undefined
        //       1
        //       test:function test(){}
        // }
//AO 有a就不會去GO找
        // AO={
        //     a:undefined
        //     2
        //     3
        // }

例子4:

        function test() {
            console.log(b); //undefined
            if (a) {
                var b = 2
            }
            c = 3//相當(dāng)于在全局聲明變量c
            console.log(c);//3
        }
        var a;
        test();
        a = 1
        console.log(a);//1

// GO={
//     a=undefined
//    test:f test() {}
//       1
// }
// AO={
//     b=undefined
//     c=3  全局
//     undefined
//     3
    
// }

例子5史汗、

        // 1. return 的作用:返回一個值到函數(shù)外部琼掠,2.終止函數(shù)
        function test() {
            return a
            a = 1
            function a() { }
            var a = 2
        }
        console.log(test()); //? a() { }

// AO={
//     a=undefined   -> function a() { }
// }

例子6、

        a = 1
        function test(e) {
            function e() { }
            arguments[0] = 2
            console.log(e);//2
            if (a) {//a 是undefined淹办,所以返回false
                var b = 3
            }
            var c;
            a = 4
            var a;
            console.log(b);//undefined
            f = 5
            console.log(c);//undefined
            console.log(a);//4

        }
        var a;
        test(1)
        console.log(a);//1
        console.log(f);//5

        // GO={
        //     a=undefined  ->  1
        //     test:function test(){}
        // }

        // AO={
        //     e:undefined   ->   1   ->  function e() { }   ->    2
        //     b:undefined
        //     c:undefined
        //     a:undefined   ->  4
        // }

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末眉枕,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子怜森,更是在濱河造成了極大的恐慌速挑,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件副硅,死亡現(xiàn)場離奇詭異姥宝,居然都是意外死亡,警方通過查閱死者的電腦和手機恐疲,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門腊满,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人培己,你說我怎么就攤上這事碳蛋。” “怎么了省咨?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵肃弟,是天一觀的道長。 經(jīng)常有香客問我,道長笤受,這世上最難降的妖魔是什么穷缤? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮箩兽,結(jié)果婚禮上津肛,老公的妹妹穿的比我還像新娘。我一直安慰自己汗贫,他們只是感情好身坐,可當(dāng)我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著芳绩,像睡著了一般掀亥。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上妥色,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天,我揣著相機與錄音遏片,去河邊找鬼嘹害。 笑死,一個胖子當(dāng)著我的面吹牛吮便,可吹牛的內(nèi)容都是我干的笔呀。 我是一名探鬼主播,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼髓需,長吁一口氣:“原來是場噩夢啊……” “哼许师!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起僚匆,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤微渠,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后咧擂,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體逞盆,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年松申,在試婚紗的時候發(fā)現(xiàn)自己被綠了云芦。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡贸桶,死狀恐怖舅逸,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情皇筛,我是刑警寧澤琉历,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站设联,受9級特大地震影響善已,放射性物質(zhì)發(fā)生泄漏灼捂。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一换团、第九天 我趴在偏房一處隱蔽的房頂上張望悉稠。 院中可真熱鬧,春花似錦艘包、人聲如沸的猛。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽卦尊。三九已至,卻和暖如春舌厨,著一層夾襖步出監(jiān)牢的瞬間岂却,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工裙椭, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留躏哩,地道東北人。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓揉燃,卻偏偏與公主長得像扫尺,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子炊汤,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,786評論 2 345

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

  • 文章目錄 JavaScript運行三部曲 JavaScript預(yù)編譯 01 關(guān)于預(yù)編譯的一些知識點 02 預(yù)編譯四...
    寒羽鹿閱讀 467評論 1 0
  • ######預(yù)編譯前奏 1.imply global 暗示全局變量:即任何變量未經(jīng)聲明就賦值正驻,則此變量就為全局對象...
    branv閱讀 107評論 0 0
  • js運行三部曲 語法分析 預(yù)編譯 解釋執(zhí)行 預(yù)編譯前奏 imply global 暗示全局變量, 即任何變量, 如...
    劉翾閱讀 547評論 0 1
  • 大家要明白,這個預(yù)編譯和傳統(tǒng)的編譯是不一樣的(可以理解js預(yù)編譯為特殊的編譯過程)JavaScript是解釋型語言...
    pengtoxen閱讀 303評論 0 0
  • 今天用了大量時間復(fù)習(xí)了作用域抢腐、預(yù)編譯等等知識看了很多博文姑曙,翻了翻以前看過的書(好像好多書都沒有講預(yù)編譯)發(fā)現(xiàn)當(dāng)初覺...
    最愛喝龍井閱讀 233評論 0 0