您好,登錄后才能下訂單哦!
這篇文章主要講解了JavaScript中如何提升變量聲明,內(nèi)容清晰明了,對(duì)此有興趣的小伙伴可以學(xué)習(xí)一下,相信大家閱讀完之后會(huì)有幫助。
如下代碼輸出的結(jié)果是?
var num = 123; function foo1(){ console.log( num ); //undefined var num = 456; console.log( num ); //456 } foo1();
Javascript代碼執(zhí)行分為兩個(gè)大步:
預(yù)解析的過(guò)程
代碼的執(zhí)行過(guò)程
程序在執(zhí)行過(guò)程中,會(huì)先將代碼讀取到內(nèi)存中檢查,會(huì)將所有的聲明在此進(jìn)行標(biāo)記,所謂的標(biāo)記就是讓JS解析器知道有這個(gè)名字,后面在使用名字的時(shí)候不會(huì)出現(xiàn)未定義的錯(cuò)誤。這個(gè)標(biāo)記過(guò)程就是提升。
聲明:
名字的聲明,標(biāo)識(shí)符聲明(變量名聲明)
函數(shù)的聲明
函數(shù)聲明與函數(shù)表達(dá)式有區(qū)別,函數(shù)聲明是單獨(dú)寫(xiě)在一個(gè)結(jié)構(gòu)中,不存在任何語(yǔ)句,邏輯判斷等結(jié)構(gòu)中
function f() {} function func() { // 函數(shù)聲明 } if ( true ) { function func2 () {} //函數(shù)表達(dá)式 } var f = function func3 () {}; //函數(shù)表達(dá)式 this.sayHello = function () {}; //函數(shù)表達(dá)式 var i= 1; function func4 () {} // 函數(shù)聲明 var j = 2; }
首先函數(shù)聲明告訴解析器有這個(gè)名字存在,該階段與名字聲明一樣
告訴解析器,這個(gè)名字對(duì)應(yīng)的函數(shù)體是什么
var num = 1; function num () { alert( num ); } num(); // 報(bào)錯(cuò)
分析
預(yù)解析代碼,提示名字
開(kāi)始執(zhí)行代碼,第一句話從賦值語(yǔ)句開(kāi)始執(zhí)行
var num = 123; function foo1(){ console.log( num ); //undefined var num = 456; console.log( num ); //456 } foo1();
num = 123;
執(zhí)行函數(shù)調(diào)用
if ( ! 'a' in window ) { var a = 123; } console.log( a );
首先,預(yù)解析,讀取提升 a
,有一個(gè)名字 a
存在了
其次,in
運(yùn)算符:判斷某一個(gè)字符串描述的屬性名是否在對(duì)象中
執(zhí)行第一個(gè)判斷:! 'a' in window
最后,打印結(jié)果 a
的值為 undefined
if ( false ) { function f1 () { console.log( 'true' ); } } else { function f1 () { console.log( 'false' ); } } f1();
預(yù)解析:提升 f1 函數(shù),只保留提升后的內(nèi)容,所以打印是 false
執(zhí)行代碼,第一句話就是一個(gè)空的if結(jié)構(gòu)
if ( true ) { } else { }
執(zhí)行函數(shù)調(diào)用,得到 false
function foo () } {} var foo = function () {};
上面的語(yǔ)法是聲明,可以提升,因此在函數(shù)上方也可以調(diào)用
下面的語(yǔ)法是函數(shù)表達(dá)式,函數(shù)名就是foo ,他會(huì)提升,提升的不是函數(shù)體
函數(shù)表達(dá)式也是支持名字語(yǔ)法
var foo = function func1 () {}; func();
函數(shù)有一個(gè)屬性name,表示的是函數(shù)名,只有帶有名字的函數(shù)定義,才會(huì)有name屬性值,否則是“”
新的瀏覽器中,寫(xiě)在if、while、do..while結(jié)構(gòu)中的函數(shù),都會(huì)將函數(shù)的聲明轉(zhuǎn)換成特殊的函數(shù)表達(dá)式
將代碼
if (...) { function foo () { ... } }
轉(zhuǎn)換成
if (...) { var foo = function foo () { .... } }
看完上述內(nèi)容,是不是對(duì)JavaScript中如何提升變量聲明有進(jìn)一步的了解,如果還想學(xué)習(xí)更多內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。