聲明提前

var a=1;

function test() {

? ? console.log(a)//function a(b){a=b}

? ? try{

? ? ? ? a(3)//a=3

? ? ? ? a()//執(zhí)行catch

? ? }catch (e){

? ? ? ? a=2

? ? }

? ? function a(b) {

? ? ? ? a=b;

? ? }

? ? console.log(++a)//3

}

test()

console.log(a)//1

有許多同學(xué)知道js在執(zhí)行的時(shí)候煤辨,是從上到下,從左到右膊夹,一行一行執(zhí)行的岳遥,但是不知道在這之前還要做一些事情乡洼,js程序在正式執(zhí)行之前邮旷,會(huì)將所有var 聲明的變量和function聲明的函數(shù)渗饮,預(yù)讀到所在作用域的頂部蚕冬,但是對(duì)var 聲明只是將聲明提前,賦值仍然保留在原位置疆瑰,function 聲明眉反,會(huì)將函數(shù)名稱和函數(shù)體都提前昙啄,而且先預(yù)聲明變量再預(yù)定義函數(shù)。這個(gè)過程也被叫做寸五,“預(yù)解析”或者“預(yù)編譯

舉例1

console.log(a);? //不會(huì)出錯(cuò)梳凛,會(huì)輸出undefinedvar a=100;

console.log(a); //100;

由于聲明提前,所以代碼會(huì)變成這樣

var a;? //聲明提前console.log(a);//undefineda=100; //賦值任然留在原位置console.log(a);//100

舉例2 聲明提前僅能將聲明提前到所在作用域的頂部

functionfn(){? ? console.log(a); //undefined? ? var a=100;

? ? console.log(a); //100 };

fn();

console.log(a);//? 報(bào)引用錯(cuò)誤播歼!

上面的代碼 其實(shí)會(huì)變成這樣

functionfn(){? ? var a;? //僅僅提前到函數(shù)頂部? ? console.log(a);? //undefined? ? a=100;

? ? console.log(a); //100};

fn();

console.log(a); //報(bào)引用錯(cuò)誤

舉例3 函數(shù)聲明提前不同于var 變量聲明提前伶跷,使用函數(shù)聲明語句掰读,函數(shù)名稱和函數(shù)體均會(huì)被提前秘狞,也就是說可以在聲明一個(gè)JavaScript函數(shù)之前調(diào)用它。

console.log(fn());? //2functionfn(){? ? return 2;

}

練習(xí)題1

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

console.log(a);

解析1:?

這道題在弄明白什么是 “聲明提前”后比較簡單做蹈集!?

按照剛才講到的概念烁试,這道題會(huì)變成這樣,

var a;function a(){ return 1 }

a=123;

console.log(a);

所以最后會(huì)輸出 123

練習(xí)題2

function a(){ return 1 }var a;

a();

解析2?

完成這道題拢肆,還需要知道一件事情减响,如果未在var聲明語句中給變量指定初始值,那么雖然聲明這個(gè)變量郭怪,但在給它存入一個(gè)值之前支示,它的初始值就是undefined,但是多次聲明同一變量無所謂1刹拧K毯琛!所以這道題的結(jié)果是 1

代碼會(huì)預(yù)編譯為:

var a;? //初始值為 undefinedfunction a(){ return 1 }

a();

練習(xí)題3

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

a();

解析3?

這道題攒庵,和第2題非常的相似嘴纺,只需要明白這里 var a=undefined; 和 var a;是不同的,一個(gè)是聲明變量同時(shí)進(jìn)行賦值操作浓冒,只是賦的值是undefined栽渴,一個(gè)是單純的聲明變量。?

代碼會(huì)預(yù)編譯為:

var a; //初始值為 undefinedfunction a(){ return 1 }

a=undefined;

a();

所以最后的結(jié)果會(huì)報(bào)錯(cuò) a is not a function

練習(xí)題4

if(!("a"in window)) {

? ? var a = 1;

};var a;

alert(a);

解析4:?

首先說一句稳懒,在瀏覽器中闲擦,var聲明的全局變量是屬于window對(duì)象的屬性。也就是說可以用 . 或者[]顯示出來(window.變量名 或者 window[“變量名”])场梆。?

in 運(yùn)算符 是判斷對(duì)象是否為數(shù)組/對(duì)象的元素/屬性:?

格式:(變量 in 對(duì)象)?

注意:?

當(dāng)“對(duì)象”為數(shù)組時(shí)墅冷,“變量”指的是數(shù)組的“索引”;?

當(dāng)“對(duì)象”為對(duì)象時(shí)辙谜,“變量”指的是對(duì)象的“屬性”俺榆;?

這道題也就是再說,如果 window里沒有屬性a装哆,就聲明一個(gè)變量a罐脊,然后賦值為1定嗓,最后彈出一個(gè)警告框顯示a,當(dāng)我們把這些概念弄清楚萍桌,會(huì)發(fā)現(xiàn)這道題其實(shí)是這樣的宵溅,

var a;if (!("a" in window)) {

a = 1;

};

alert(a);

這樣看,我們能很清楚的看明白上炎,在執(zhí)行if語句之前恃逻,是已經(jīng)聲明了變量a的,它的初始值是undefined藕施,所以window里是有屬性a的寇损,那么if語句執(zhí)行的條件就不滿足,無法對(duì)變量a進(jìn)行賦值裳食,所以最后也會(huì)彈出undefined

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末矛市,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子诲祸,更是在濱河造成了極大的恐慌浊吏,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,657評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件救氯,死亡現(xiàn)場離奇詭異找田,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)着憨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門墩衙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人享扔,你說我怎么就攤上這事底桂。” “怎么了惧眠?”我有些...
    開封第一講書人閱讀 164,057評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵籽懦,是天一觀的道長。 經(jīng)常有香客問我氛魁,道長暮顺,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,509評(píng)論 1 293
  • 正文 為了忘掉前任秀存,我火速辦了婚禮捶码,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘或链。我一直安慰自己惫恼,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,562評(píng)論 6 392
  • 文/花漫 我一把揭開白布澳盐。 她就那樣靜靜地躺著祈纯,像睡著了一般令宿。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上腕窥,一...
    開封第一講書人閱讀 51,443評(píng)論 1 302
  • 那天粒没,我揣著相機(jī)與錄音,去河邊找鬼簇爆。 笑死癞松,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的入蛆。 我是一名探鬼主播响蓉,決...
    沈念sama閱讀 40,251評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼安寺!你這毒婦竟也來了厕妖?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,129評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤挑庶,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后软能,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體迎捺,經(jīng)...
    沈念sama閱讀 45,561評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,779評(píng)論 3 335
  • 正文 我和宋清朗相戀三年查排,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了凳枝。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,902評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡跋核,死狀恐怖岖瑰,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情砂代,我是刑警寧澤蹋订,帶...
    沈念sama閱讀 35,621評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站刻伊,受9級(jí)特大地震影響露戒,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜捶箱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,220評(píng)論 3 328
  • 文/蒙蒙 一智什、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧丁屎,春花似錦荠锭、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽键思。三九已至,卻和暖如春甫贯,著一層夾襖步出監(jiān)牢的瞬間吼鳞,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評(píng)論 1 269
  • 我被黑心中介騙來泰國打工叫搁, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留赔桌,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,025評(píng)論 2 370
  • 正文 我出身青樓渴逻,卻偏偏與公主長得像疾党,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子惨奕,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,843評(píng)論 2 354

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

  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執(zhí)行單位為行(line)雪位,也就是一...
    悟名先生閱讀 4,149評(píng)論 0 13
  • 一. 作用域 分為全局作用域和函數(shù)作用域 函數(shù)作用域簡言之就是:變量在聲明他們的函數(shù)體以及這個(gè)函數(shù)體嵌套的任意函數(shù)...
    小伙兒_0c3c閱讀 318評(píng)論 0 0
  • 第一章1,什么叫程序:程序就是計(jì)算機(jī)按照人類完成事物的步驟和邏輯雹洗,通過計(jì)算機(jī)命令來逐步執(zhí)行最終實(shí)現(xiàn)目標(biāo)的一種機(jī)器語...
    悟名先生閱讀 952評(píng)論 0 4
  • 一:運(yùn)算符和表達(dá)式 1.三目運(yùn)算符(三元運(yùn)算符) += -= *= /= %= 表達(dá)式1?:表達(dá)式2:表達(dá)式3...
    閆梓璇閱讀 934評(píng)論 0 0
  • 工廠模式類似于現(xiàn)實(shí)生活中的工廠可以產(chǎn)生大量相似的商品卧波,去做同樣的事情时肿,實(shí)現(xiàn)同樣的效果;這時(shí)候需要使用工廠模式。簡單...
    舟漁行舟閱讀 7,758評(píng)論 2 17