javascript的變量聲明和函數(shù)提升

要理解javascript的變量聲明和函數(shù)提升讯嫂,重要的是理解瀏覽器對(duì)javascript代碼的處理過(guò)程瑰步。

包括變量和函數(shù)在內(nèi)的聲明都會(huì)在代碼被執(zhí)行時(shí)被先處理。

例子:

在編輯器中寫(xiě):var a = 1;

瀏覽器處理過(guò)程是:(先聲明變量)var a掉分;(再變量賦值)a = 1;

1.變量的提升:

例子:


function test(){

a = 2;

var a;

console.log(a) //2

}

實(shí)際瀏覽器處理過(guò)程:


function test(){

      var a;

      a = 2;

     console.log(a)  //2

}

例子2:


function test(){

    console.log(a)

     a = 2;

     var a ;

}

實(shí)際瀏覽器處理過(guò)程:


function(){

       var a;

       console.log(a)  //undefined 因?yàn)閍還沒(méi)有被賦值

       a = 2禽额;

}

2.函數(shù)聲明提升:

函數(shù)聲明的提升優(yōu)先大于變量的提升,同樣這樣的聲明的時(shí)候弄息,不論先后順序痊班,函數(shù)的聲明都會(huì)覆蓋變量的聲明

例子1:


var a = 1;

      function f(){

                console.log(a);

           var a = 2;

            console.log(a);

}  f();

實(shí)際瀏覽器處理過(guò)程:


            var a;

              a = 1;

                       function f(){

                                var a ;

            console.log(a)

//由于a在第一個(gè)console.log(a)語(yǔ)句之前就已經(jīng)定義了,但是并沒(méi)有賦值摹量,因此此時(shí)a的指是undefined

           a = 2;

      console.log(a)

// 第二個(gè)console.log(a)語(yǔ)句之前,a已經(jīng)完成賦值為2馒胆,所以輸出的結(jié)果是2

}

例子2:

函數(shù)聲明語(yǔ)法:


   f("hello");

      function f(a){

                console.log(a)//hello

}

函數(shù)表達(dá)語(yǔ)法:

      f("hello");

      var f = function (a){

              console.log(a)//會(huì)報(bào)錯(cuò)缨称。f is not function

}

為什么會(huì)報(bào)錯(cuò),理解下瀏覽器處理過(guò)程:


    var f祝迂;

           f("hello");//報(bào)錯(cuò)睦尽,f雖然被定義了,但是沒(méi)有被賦值所以會(huì)出現(xiàn)f is not function型雳,如果把它放在最后就能執(zhí)行成功

           f = function (a){

                console.log(a)

}

例子3:


getName();

     var  getName = function(){

              console.log("小明");

}

function getName(){

         console.log("大明");

}

getName();

我們來(lái)解析一下例子3瀏覽器是如何處理的:


var getName;//首先變量被提升到頂部当凡,定義未被賦值

function getName(){//函數(shù)聲明也被被提升到頂部

    console.log("大明")

}

getName();//調(diào)用函數(shù)聲明,打印“大明”

getName = function() {//變量賦值

console.log("小明")

}

getName()  //調(diào)用函數(shù)纠俭,頂部的函數(shù)聲明又被函數(shù)表達(dá)式的賦值操作給覆蓋了沿量,所以輸出小明。

如有錯(cuò)誤請(qǐng)指正冤荆,省得誤人子弟

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末朴则,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子钓简,更是在濱河造成了極大的恐慌乌妒,老刑警劉巖,帶你破解...
    沈念sama閱讀 210,978評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件外邓,死亡現(xiàn)場(chǎng)離奇詭異撤蚊,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)损话,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門(mén)侦啸,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事匹中∠氖” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,623評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵顶捷,是天一觀的道長(zhǎng)挂绰。 經(jīng)常有香客問(wèn)我,道長(zhǎng)服赎,這世上最難降的妖魔是什么葵蒂? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,324評(píng)論 1 282
  • 正文 為了忘掉前任,我火速辦了婚禮重虑,結(jié)果婚禮上践付,老公的妹妹穿的比我還像新娘。我一直安慰自己缺厉,他們只是感情好永高,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,390評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著提针,像睡著了一般命爬。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上辐脖,一...
    開(kāi)封第一講書(shū)人閱讀 49,741評(píng)論 1 289
  • 那天饲宛,我揣著相機(jī)與錄音,去河邊找鬼嗜价。 笑死艇抠,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的久锥。 我是一名探鬼主播家淤,決...
    沈念sama閱讀 38,892評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼奴拦!你這毒婦竟也來(lái)了媒鼓?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,655評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤错妖,失蹤者是張志新(化名)和其女友劉穎绿鸣,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體暂氯,經(jīng)...
    沈念sama閱讀 44,104評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡潮模,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了痴施。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片擎厢。...
    茶點(diǎn)故事閱讀 38,569評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡究流,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出动遭,到底是詐尸還是另有隱情芬探,我是刑警寧澤,帶...
    沈念sama閱讀 34,254評(píng)論 4 328
  • 正文 年R本政府宣布厘惦,位于F島的核電站偷仿,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏宵蕉。R本人自食惡果不足惜酝静,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,834評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望羡玛。 院中可真熱鬧别智,春花似錦、人聲如沸稼稿。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,725評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)渺杉。三九已至蛇数,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間是越,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,950評(píng)論 1 264
  • 我被黑心中介騙來(lái)泰國(guó)打工碌上, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留倚评,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,260評(píng)論 2 360
  • 正文 我出身青樓馏予,卻偏偏與公主長(zhǎng)得像天梧,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子霞丧,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,446評(píng)論 2 348

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