javascript中的變量提升

javascript(以下稱js)中的變量提升是我們經(jīng)常會(huì)遇到的問題怀骤。

變量提升砸脊,顧名思義就是將后面的變量提升至作用域頂端笙以。

說到這里可能你需要了解下作用域是什么感挥,我會(huì)在有時(shí)間時(shí)另開一篇具體講解一下作用域的問題缩搅,這里只做簡單闡述。

js中的作用域與其它語言中的作用域有所不同触幼,像著名的C系語言和JAVA中硼瓣,作用域指的是確實(shí)的塊作用域,即被{}包住的代碼塊內(nèi),有獨(dú)立的作用域堂鲤。

#include

int main() {

int x = 1;

printf("%d, ", x); // 1

if (1) {

int x = 2;

printf("%d, ", x); // 2

}

printf("%d\n", x); // 1

}

而js中的作用域通常被稱作函數(shù)級(jí)作用域亿傅,及以函數(shù)為單位的作用域。

var a = "1";

(function(){

var a = "2";

console.log(a) ?//2

})();

由此可以看到瘟栖,以函數(shù)為單位的作用域有很強(qiáng)的靈活性葵擎,這里需要說到另一個(gè)概念,即作用域鏈半哟。

在js中 作用域通常會(huì)有一個(gè)鏈條酬滤,子函數(shù)可以訪問父函數(shù)內(nèi)的變量,而父函數(shù)無法訪問子函數(shù)的變量寓涨,關(guān)于這個(gè)敏晤,我在之前的閉包中有詳細(xì)講過,感興趣的童鞋可以去看下缅茉。

而變量提升嘴脾,即是講函數(shù)作用域內(nèi)的變量,提升至函數(shù)頂端蔬墩。

在js的運(yùn)行機(jī)制中译打,會(huì)首先由javascript解釋器將完成對(duì)javascript代碼的預(yù)處理,而后將javascript代碼轉(zhuǎn)換為字節(jié)碼拇颅。

在執(zhí)行期奏司,javascript解釋器借助執(zhí)行期環(huán)境將字節(jié)碼生成機(jī)械碼,并按照順序執(zhí)行樟插,完成程序設(shè)計(jì)的任務(wù)韵洋。

而在編譯期的時(shí)候,js會(huì)將所有變量提升至函數(shù)作用域的頂端黄锤,類似于這樣的運(yùn)行機(jī)制:

(function(){

var a=1;

var b = 2;

var c = 3;

})();

會(huì)被編譯成:

(function(){

var a,b,c;

a = 1;

b = 2;

c = 3;

})()

最重要的就是要注意這里搪缨,變量提升并不會(huì)將賦值一同提升上去,而是先在函數(shù)頂部創(chuàng)建三個(gè)未定義的變量鸵熟,然后在之前定義變量的地方賦值副编,所以這里非常容易報(bào)錯(cuò):

var v='this is variable';

(function(){

alert(v); ?//undefined

var v = "this is variable2";

})()

在這個(gè)例子中,由于alert方法中的v是局部作用域中的變量流强,而此時(shí)變量v只聲明了一個(gè)未定義的變量痹届,還未給其賦值,所以此時(shí)會(huì)報(bào)錯(cuò)undefined打月。

所以js中的變量提升是一個(gè)非常強(qiáng)大的特性队腐,同時(shí)也是個(gè)容易踩坑的特性,大家在使用時(shí)奏篙,一定要注意柴淘,如非必要,我建議將需要使用的變量放在作用域頂部聲明。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末悠就,一起剝皮案震驚了整個(gè)濱河市千绪,隨后出現(xiàn)的幾起案子充易,更是在濱河造成了極大的恐慌梗脾,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,324評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件盹靴,死亡現(xiàn)場離奇詭異炸茧,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)稿静,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,356評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門梭冠,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人改备,你說我怎么就攤上這事控漠。” “怎么了悬钳?”我有些...
    開封第一講書人閱讀 162,328評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵盐捷,是天一觀的道長。 經(jīng)常有香客問我默勾,道長碉渡,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,147評(píng)論 1 292
  • 正文 為了忘掉前任母剥,我火速辦了婚禮滞诺,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘环疼。我一直安慰自己习霹,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,160評(píng)論 6 388
  • 文/花漫 我一把揭開白布炫隶。 她就那樣靜靜地躺著序愚,像睡著了一般。 火紅的嫁衣襯著肌膚如雪等限。 梳的紋絲不亂的頭發(fā)上爸吮,一...
    開封第一講書人閱讀 51,115評(píng)論 1 296
  • 那天,我揣著相機(jī)與錄音望门,去河邊找鬼形娇。 笑死,一個(gè)胖子當(dāng)著我的面吹牛筹误,可吹牛的內(nèi)容都是我干的桐早。 我是一名探鬼主播,決...
    沈念sama閱讀 40,025評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼哄酝!你這毒婦竟也來了友存?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,867評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤陶衅,失蹤者是張志新(化名)和其女友劉穎屡立,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體搀军,經(jīng)...
    沈念sama閱讀 45,307評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡膨俐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,528評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了罩句。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片焚刺。...
    茶點(diǎn)故事閱讀 39,688評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖门烂,靈堂內(nèi)的尸體忽然破棺而出乳愉,到底是詐尸還是另有隱情,我是刑警寧澤屯远,帶...
    沈念sama閱讀 35,409評(píng)論 5 343
  • 正文 年R本政府宣布蔓姚,位于F島的核電站,受9級(jí)特大地震影響氓润,放射性物質(zhì)發(fā)生泄漏赂乐。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,001評(píng)論 3 325
  • 文/蒙蒙 一咖气、第九天 我趴在偏房一處隱蔽的房頂上張望挨措。 院中可真熱鬧,春花似錦崩溪、人聲如沸浅役。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,657評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽觉既。三九已至,卻和暖如春乳幸,著一層夾襖步出監(jiān)牢的瞬間瞪讼,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,811評(píng)論 1 268
  • 我被黑心中介騙來泰國打工粹断, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留符欠,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,685評(píng)論 2 368
  • 正文 我出身青樓瓶埋,卻偏偏與公主長得像希柿,于是被迫代替她去往敵國和親诊沪。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,573評(píng)論 2 353

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

  • 請(qǐng)看一段下面的代碼:var v='Hello World';(function(){alert(v);var v=...
    FYW燕尾蝶閱讀 283評(píng)論 0 1
  • 在很多面試題中曾撤,經(jīng)常會(huì)看到關(guān)于變量提升端姚,還有函數(shù)提升的題目,所以我就寫一篇自己理解之后的隨筆挤悉,方便之后的查閱和復(fù)習(xí)...
    McRay閱讀 360評(píng)論 0 1
  • 原文: https://github.com/ecomfe/spec/blob/master/javascript...
    zock閱讀 3,371評(píng)論 2 36
  • 人生的道路雖然漫長渐裸,但緊要處常常只有幾步,特別是當(dāng)人年輕的時(shí)候尖啡。 我非常認(rèn)可上面的這句話橄仆,正如故事...
    篤定自信閱讀 507評(píng)論 0 0
  • 從期盼著開始到期待著結(jié)束剩膘,我們用了整整十個(gè)月衅斩。這十個(gè)月的時(shí)光,一刻都不可以辜負(fù)怠褐。 那時(shí)候我還是太年少輕狂了些畏梆,總覺...
    ZY周穎閱讀 197評(píng)論 0 0