快捷導(dǎo)航

js中函數(shù)聲明與函數(shù)表達式

更新時間：2015年06月03日 11:09:59 投稿：hebedich

js的解析器對函數(shù)聲明與函數(shù)表達式并不是一視同仁地對待的。對于函數(shù)聲明，js解析器會優(yōu)先讀取，確保在所有代碼執(zhí)行之前聲明已經(jīng)被解析，而函數(shù)表達式，如同定義其它基本類型的變量一樣，只在執(zhí)行到某一句時也會對其進行解析，

目前為止，我們一直沒有對函數(shù)聲明和函數(shù)表達式加以區(qū)別。而實際上，解析器在向執(zhí)行環(huán)境中加載數(shù)據(jù)時，對函數(shù)聲明和函數(shù)表達式并非一視同仁。解析器會率先讀取函數(shù)聲明，并使其在執(zhí)行任何代碼之前可用（可以訪問）；至于函數(shù)表達式，則必須等到解析器執(zhí)行到它所在的代碼行，才會真正被解釋執(zhí)行。如下例子：

復(fù)制代碼代碼如下:

alert(sum(10,10));

function sum(num1,num2)

{

    return num1+num2;

}

　　以上代碼完全可以正確執(zhí)行，因為在代碼開始執(zhí)行之前，解析器就已經(jīng)通過一個名為函數(shù)聲明提升（function declaration hoisting）的過程，讀取并將函數(shù)聲明添加到執(zhí)行環(huán)境中。對代碼求值時，JavaScript引擎在第一遍會聲明函數(shù)并將它們放到源代碼樹的頂部。所以，即使聲明函數(shù)的代碼在調(diào)用它的代碼后面，JavaScript引擎也能把函數(shù)聲明提升到頂部。如果像下面的例子所示，把上面的函數(shù)聲明改為等價的函數(shù)表達式，就會在執(zhí)行的時候出現(xiàn)錯誤。

復(fù)制代碼代碼如下:

alert(sum(10,10));

var sum=function(num1,num2)

{

    return num1+num2;

};

　　以上代碼會在運行的時候出現(xiàn)錯誤，原因在于函數(shù)位于一個初始化語句中，而不是一個函數(shù)聲明。換句話講，在執(zhí)行到函數(shù)所在的語句之前，變量sum中不會保存有對函數(shù)的引用；而且，由于第一行代碼就會導(dǎo)致“unexpected identifier”（意外標識符）錯誤，實際上也不會執(zhí)行到下一行。

　　除了聲明時候可以通過變量訪問函數(shù)這一點區(qū)別之外，函數(shù)聲明與函數(shù)表達式的語法其實是等價的。

　　注：也可以同時調(diào)用函數(shù)聲明和函數(shù)表達式，例如 var sum=function sum(){}。不過，這種語法在Safari中會導(dǎo)致錯誤。

以上所述就是本文的全部內(nèi)容了，希望對大家學(xué)習(xí)javascript能夠有所幫助。

您可能感興趣的文章: