快捷導(dǎo)航

javascript 函數(shù)聲明與函數(shù)表達(dá)式的區(qū)別介紹

更新時(shí)間：2013年10月05日 15:15:41 作者：

javascript中的函數(shù)聲明與函數(shù)表達(dá)式使用比較頻繁，可能很多的朋友都不知道他們之間的區(qū)別，在此為大家詳細(xì)介紹下，希望對(duì)大家有所幫助

還是一樣，先上代碼：

 
<script> 
var f = function g() { 
return 1; 
}; 
if (false) { 
f = function g(){ 
return 2; 
}; 
} 
alert(g()); // 2 
</script> 

把這段代碼扔到IE 6 里面和chorme里面是完全不同的兩種效果。

這里輸出2 是在ie6里面的效果，如果在chorme會(huì)出現(xiàn)g沒有定義。

這也算是JScript的bug吧。

在這里很明顯，這里的只是定義了g的函數(shù)表達(dá)式而已。包括在if的條件語(yǔ)句中，也只是定義了函數(shù)表達(dá)式，沒有去聲明函數(shù)。

那么這樣直接訪問(wèn)肯定是會(huì)出錯(cuò)的。

那么對(duì)于何為聲明，何為函數(shù)表達(dá)式呢？

在ECMAScript中，創(chuàng)建函數(shù)的最常用的兩個(gè)方法是函數(shù)表達(dá)式和函數(shù)聲明，兩者期間的區(qū)別是有點(diǎn)暈，因?yàn)镋CMA規(guī)范只明確了一點(diǎn)：函數(shù)聲明必須帶有標(biāo)示符（Identifier）（就是大家常說(shuō)的函數(shù)名稱），而函數(shù)表達(dá)式則可以省略這個(gè)標(biāo)示符：
函數(shù)聲明:
　　function 函數(shù)名稱 (參數(shù)：可選){ 函數(shù)體 }
　　函數(shù)表達(dá)式：
　　function 函數(shù)名稱（可選）(參數(shù)：可選){ 函數(shù)體 }

所以，可以看出，如果不聲明函數(shù)名稱，它肯定是表達(dá)式，可如果聲明了函數(shù)名稱的話，如何判斷是函數(shù)聲明還是函數(shù)表達(dá)式呢？ECMAScript是通過(guò)上下文來(lái)區(qū)分的，如果function foo(){}是作為賦值表達(dá)式的一部分的話，那它就是一個(gè)函數(shù)表達(dá)式，如果function foo(){}被包含在一個(gè)函數(shù)體內(nèi)，或者位于程序的最頂部的話，那它就是一個(gè)函數(shù)聲明。

還有一種函數(shù)表達(dá)式不太常見，就是被括號(hào)括住的(function foo(){})，他是表達(dá)式的原因是因?yàn)槔ㄌ?hào) ()是一個(gè)分組操作符，它的內(nèi)部只能包含表達(dá)式。

你可能會(huì)想到，在使用eval對(duì)JSON進(jìn)行執(zhí)行的時(shí)候，JSON字符串通常被包含在一個(gè)圓括號(hào)里：eval('(' + json + ')')，這樣做的原因就是因?yàn)榉纸M操作符，也就是這對(duì)括號(hào)，會(huì)讓解析器強(qiáng)制將JSON的花括號(hào)解析成表達(dá)式而不是代碼塊。

您可能感興趣的文章: