js中函數(shù)聲明與函數(shù)表達(dá)式
目前為止,我們一直沒(méi)有對(duì)函數(shù)聲明和函數(shù)表達(dá)式加以區(qū)別。而實(shí)際上,解析器在向執(zhí)行環(huán)境中加載數(shù)據(jù)時(shí),對(duì)函數(shù)聲明和函數(shù)表達(dá)式并非一視同仁。解析器會(huì)率先讀取函數(shù)聲明,并使其在執(zhí)行任何代碼之前可用(可以訪問(wèn));至于函數(shù)表達(dá)式,則必須等到解析器執(zhí)行到它所在的代碼行,才會(huì)真正被解釋執(zhí)行。如下例子:
alert(sum(10,10));
function sum(num1,num2)
{
return num1+num2;
}
以上代碼完全可以正確執(zhí)行,因?yàn)樵诖a開始執(zhí)行之前,解析器就已經(jīng)通過(guò)一個(gè)名為函數(shù)聲明提升(function declaration hoisting)的過(guò)程,讀取并將函數(shù)聲明添加到執(zhí)行環(huán)境中。對(duì)代碼求值時(shí),JavaScript引擎在第一遍會(huì)聲明函數(shù)并將它們放到源代碼樹的頂部。所以,即使聲明函數(shù)的代碼在調(diào)用它的代碼后面,JavaScript引擎也能把函數(shù)聲明提升到頂部。如果像下面的例子所示,把上面的函數(shù)聲明改為等價(jià)的函數(shù)表達(dá)式,就會(huì)在執(zhí)行的時(shí)候出現(xiàn)錯(cuò)誤。
alert(sum(10,10));
var sum=function(num1,num2)
{
return num1+num2;
};
以上代碼會(huì)在運(yùn)行的時(shí)候出現(xiàn)錯(cuò)誤,原因在于函數(shù)位于一個(gè)初始化語(yǔ)句中,而不是一個(gè)函數(shù)聲明。換句話講,在執(zhí)行到函數(shù)所在的語(yǔ)句之前,變量sum中不會(huì)保存有對(duì)函數(shù)的引用;而且,由于第一行代碼就會(huì)導(dǎo)致“unexpected identifier”(意外標(biāo)識(shí)符)錯(cuò)誤,實(shí)際上也不會(huì)執(zhí)行到下一行。
除了聲明時(shí)候可以通過(guò)變量訪問(wèn)函數(shù)這一點(diǎn)區(qū)別之外,函數(shù)聲明與函數(shù)表達(dá)式的語(yǔ)法其實(shí)是等價(jià)的。
注:也可以同時(shí)調(diào)用函數(shù)聲明和函數(shù)表達(dá)式,例如 var sum=function sum(){}。不過(guò),這種語(yǔ)法在Safari中會(huì)導(dǎo)致錯(cuò)誤。
以上所述就是本文的全部?jī)?nèi)容了,希望對(duì)大家學(xué)習(xí)javascript能夠有所幫助。
相關(guān)文章
javascript實(shí)現(xiàn)自由編輯圖片代碼詳解
這篇文章主要介紹了javascript實(shí)現(xiàn)自由編輯圖片代碼詳解,在當(dāng)下的的前端項(xiàng)目中,圖片功能可以說(shuō)是非常常見的,圖片的展示、圖片的裁剪編輯、圖片的上傳等,那么我們的項(xiàng)目便來(lái)了個(gè)需求。,需要的朋友可以參考下2019-06-06分享一道筆試題[有n個(gè)直線最多可以把一個(gè)平面分成多少個(gè)部分]
今天地鐵上和一個(gè)同事閑聊,給我說(shuō)的一道題,回來(lái)想了想,寫出來(lái)的,說(shuō)來(lái)慚愧,我用的是行測(cè)方面數(shù)字推理里面的知識(shí)歸納出來(lái)的,當(dāng)然這個(gè)可以用遞歸寫出來(lái),說(shuō)說(shuō)我的代碼,以及遞歸的思路2012-10-10javascript自定義in_array()函數(shù)實(shí)現(xiàn)方法
這篇文章主要介紹了javascript自定義in_array()函數(shù)實(shí)現(xiàn)方法,涉及javascript數(shù)組的遍歷與查找相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08JS實(shí)現(xiàn)iframe自適應(yīng)高度的方法(兼容IE與FireFox)
這篇文章主要介紹了JS實(shí)現(xiàn)iframe自適應(yīng)高度的方法,涉及javascript與iframe交互動(dòng)態(tài)操作頁(yè)面元素屬性的相關(guān)技巧,需要的朋友可以參考下2016-06-06javascript實(shí)現(xiàn)平滑無(wú)縫滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)平滑無(wú)縫滾動(dòng)的具體代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-05-05javascript AOP 實(shí)現(xiàn)ajax回調(diào)函數(shù)使用比較方便
javascript AOP 實(shí)現(xiàn)ajax回調(diào)函數(shù)使用比較方便,需要的朋友可以參考下。2010-11-11