JS兩種定義方式的區(qū)別、內(nèi)部原理
更新時(shí)間：2013年11月21日 15:07:05 投稿：whsnow
方式1 是典型的函數(shù)聲明(Function declarations)。方式2 是函數(shù)表達(dá)式(Function expressions)，未必所有人都知道其區(qū)別，內(nèi)部原理
相信兩種方式大家都用過(guò)，但未必所有人都知道其 區(qū)別，內(nèi)部原理。
復(fù)制代碼 代碼如下:
// 方式1
function func1(x,y){
// your code
}
// 方式2
var func2 = function(x,y){
// your code
}
方式1 是典型的函數(shù)聲明(Function declarations)。
方式2 是函數(shù)表達(dá)式(Function expressions)，將一個(gè)匿名函數(shù)賦值給一個(gè)變量?；蛘哒f(shuō)方式2中創(chuàng)建了一個(gè)具有形參為x,y的匿名函數(shù)，然后把該匿名函數(shù)賦值給變量func2。
其主要區(qū)別在于：
1， 函數(shù)聲明需顯示的指定函數(shù)名，這里是func1；函數(shù)表達(dá)式則使用匿名函數(shù)
2， 方式1在代碼執(zhí)行之前(解釋期)被加載到作用域中，方式2則需在代碼執(zhí)行時(shí)(運(yùn)行期)加載
一個(gè)簡(jiǎn)單示例就明白了它們?cè)谑褂蒙系膮^(qū)別
復(fù)制代碼 代碼如下:
alert(func1); // --> func1源碼
alert(func2); // --> undefined
// 方式1
function func1(x,y){
// your code
}
// 方式2
var func2 = function(x,y){
// your code
}
可以看到，第一次彈出的是func1的源碼，第二次卻是undefined。即采用方式1(函數(shù)聲明)定義函數(shù)，可以在該函數(shù)代碼之上使用它，采用方式2(函數(shù)表達(dá)式)定義函數(shù)則不能在其定義前使用，只能在其定義后使用。
其內(nèi)部涉及到 執(zhí)行上下文(Execution context)及 激活對(duì)象(Activation object)。想更深了解的請(qǐng)閱讀EcmaScript 5文檔。
最近發(fā)現(xiàn)越來(lái)越多的人喜歡使用方式2定義函數(shù)，尤其在嵌套函數(shù)中。如單純的定義一個(gè)函數(shù)個(gè)人還是習(xí)慣方式1。
相關(guān)文章
js中slice()方法的使用說(shuō)明...2007-03-03
這篇文章主要介紹了JavaScript之?dāng)?shù)組扁平化詳解的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，,需要的朋友可以參考下2019-06-06
這篇文章介紹了javascript的內(nèi)存管理詳解，有需要的朋友可以參考一下2013-08-08
2009-03-03
這篇文章主要介紹了JavaScript中的封裝與繼承特性,封裝與繼承是基于對(duì)象編程概念中的基本特性,需要的朋友可以參考下2016-03-03
javascript中apply、call和bind的使用區(qū)別
下面小編就為大家?guī)?lái)一篇javascript中apply、call和bind的使用區(qū)別。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-04-04
這篇文章主要介紹了JavaScript中的作用域和閉包問(wèn)題,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-07-07
JavaScript中Function()函數(shù)的使用教程
這篇文章主要介紹了JavaScipt中Function()函數(shù)的使用教程,是JavaScipt入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
JavaScript入門(mén)教程(4) js瀏覽器對(duì)象
navigator 瀏覽器對(duì)象，包含了正在使用的 Navigator 的版本信息。反映了當(dāng)前使用的瀏覽器的資料。JavaScript 客戶端運(yùn)行時(shí)刻引擎自動(dòng)創(chuàng)建 navigator 對(duì)象。2009-01-01
JavaScript模版引擎的基本實(shí)現(xiàn)方法淺析
這篇文章主要介紹了JavaScript模版引擎的基本實(shí)現(xiàn)方法,講解利用function對(duì)象來(lái)一步步編寫(xiě)簡(jiǎn)單的模板,需要的朋友可以參考下2016-02-02