javascript兩種function的定義介紹及區(qū)別說(shuō)明
更新時(shí)間:2013年05月02日 18:25:16 作者:
javascript兩種function的定義方式function a(){}和a=function(){}具體使用如下,感興趣的朋友可以參考下,希望對(duì)你對(duì)你學(xué)習(xí)function的定義有所幫助
一般情況下兩者的調(diào)用結(jié)果是一樣的,但是還是有區(qū)別的。
第一種方式:
function a(){
alert('old');
}
var b=a;
function a(){
b();
alert('new');
}
a();//瀏覽器就會(huì)出現(xiàn)內(nèi)存溢出的情況
第二種方式:
function a(){
alert('old');
}
var b=a;
var a=function(){
b();
alert('new');
}
a();//瀏覽器就會(huì)按順序alert出‘old'和‘new'
這里就可以很明顯區(qū)分兩個(gè)方式的區(qū)別了。定義的順序不同。
第一種,剛開(kāi)始其實(shí)沒(méi)有重新定義 a 這個(gè)function 而在里面執(zhí)行了其本身。
第二種方式, a = function () 這里沒(méi)有執(zhí)行到 function 里面的代碼 a 已經(jīng)被重新定義了。所以這里的重定義是有效的
補(bǔ)充1:
function a(){
alert('old');
}
var b=a;
function a(){
b();
alert('new');
}
編譯時(shí): 首先a被定義為alert("old"), 接著又被定義成b();alert("new");
運(yùn)行時(shí): b = function a(){b();alert("new");}, 此時(shí)b和a一樣, 函數(shù)體中直接調(diào)用b, 無(wú)論從a調(diào)用還是從b調(diào)用結(jié)果都一樣, 產(chǎn)生堆棧溢出
另一方面
function a(){
alert('old');
}
var b=a;
var a=function(){
b();
alert('new');
}
編譯時(shí): a被定義為alert("old")
運(yùn)行時(shí): b=function a(){alert("old")}; a=function(){b();alert("new")}; 此時(shí)b的函數(shù)體中不包括ab中任何一個(gè), a只調(diào)用b... 無(wú)論怎樣都不會(huì)產(chǎn)生堆棧溢出...
補(bǔ)充2:
一般來(lái)說(shuō),都會(huì)用第一種的寫法來(lái)避免代碼污染,但如果你需要保留原function,就要用第二種寫法,反正兩種方法都是符合w3c的。
事實(shí)上第一種寫法是后來(lái)才有的,這種寫法是經(jīng)過(guò)優(yōu)化的。
第一種方式:
復(fù)制代碼 代碼如下:
function a(){
alert('old');
}
var b=a;
function a(){
b();
alert('new');
}
a();//瀏覽器就會(huì)出現(xiàn)內(nèi)存溢出的情況
第二種方式:
復(fù)制代碼 代碼如下:
function a(){
alert('old');
}
var b=a;
var a=function(){
b();
alert('new');
}
a();//瀏覽器就會(huì)按順序alert出‘old'和‘new'
這里就可以很明顯區(qū)分兩個(gè)方式的區(qū)別了。定義的順序不同。
第一種,剛開(kāi)始其實(shí)沒(méi)有重新定義 a 這個(gè)function 而在里面執(zhí)行了其本身。
第二種方式, a = function () 這里沒(méi)有執(zhí)行到 function 里面的代碼 a 已經(jīng)被重新定義了。所以這里的重定義是有效的
補(bǔ)充1:
復(fù)制代碼 代碼如下:
function a(){
alert('old');
}
var b=a;
function a(){
b();
alert('new');
}
編譯時(shí): 首先a被定義為alert("old"), 接著又被定義成b();alert("new");
運(yùn)行時(shí): b = function a(){b();alert("new");}, 此時(shí)b和a一樣, 函數(shù)體中直接調(diào)用b, 無(wú)論從a調(diào)用還是從b調(diào)用結(jié)果都一樣, 產(chǎn)生堆棧溢出
另一方面
復(fù)制代碼 代碼如下:
function a(){
alert('old');
}
var b=a;
var a=function(){
b();
alert('new');
}
編譯時(shí): a被定義為alert("old")
運(yùn)行時(shí): b=function a(){alert("old")}; a=function(){b();alert("new")}; 此時(shí)b的函數(shù)體中不包括ab中任何一個(gè), a只調(diào)用b... 無(wú)論怎樣都不會(huì)產(chǎn)生堆棧溢出...
補(bǔ)充2:
一般來(lái)說(shuō),都會(huì)用第一種的寫法來(lái)避免代碼污染,但如果你需要保留原function,就要用第二種寫法,反正兩種方法都是符合w3c的。
事實(shí)上第一種寫法是后來(lái)才有的,這種寫法是經(jīng)過(guò)優(yōu)化的。
您可能感興趣的文章:
- JavaScript的Function詳細(xì)
- eval(function(p,a,c,k,e,d)系列解密javascript程序
- javascript Object與Function使用
- Javascript 使用function定義構(gòu)造函數(shù)
- javascript 正則替換 replace(regExp, function)用法
- JavaScript 匿名函數(shù)(anonymous function)與閉包(closure)
- javascript學(xué)習(xí)筆記(四)function函數(shù)部分
- JavaScript Function函數(shù)類型介紹
- javascript中Function類型詳解
相關(guān)文章
javascript 中事件冒泡和事件捕獲機(jī)制的詳解
這篇文章主要介紹了javascript 中事件冒泡和事件捕獲機(jī)制的詳解的相關(guān)資料,網(wǎng)上的相關(guān)資料有很多,但是講的不是多清楚,通過(guò)本文希望能讓大家理解掌握,需要的朋友可以參考下2017-09-09JavaScript 模式之工廠模式(Factory)應(yīng)用介紹
工廠模式也是對(duì)象創(chuàng)建模式之一,它通常在類或類的靜態(tài)方法中去實(shí)現(xiàn),本文將詳細(xì)介紹JavaScript 工廠模式2012-11-11mvc 、bootstrap 結(jié)合分布式圖簡(jiǎn)單實(shí)現(xiàn)分頁(yè)
這篇文章主要介紹了mvc 、bootstrap 結(jié)合分布式圖簡(jiǎn)單實(shí)現(xiàn)分頁(yè)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-10-10通用于ie和firefox的函數(shù) GetCurrentStyle (obj, prop)
通用于ie和firefox的函數(shù) GetCurrentStyle (obj, prop)...2006-12-12JavaScript中的Error錯(cuò)誤對(duì)象與自定義錯(cuò)誤類型詳解
Error是JavaScript中最原始的錯(cuò)誤對(duì)象,作為各種異常的基礎(chǔ)對(duì)象,還有多個(gè)衍生的具體的錯(cuò)誤類型,這些錯(cuò)誤對(duì)象類型在nodejs中也可應(yīng)用,這篇文章主要介紹了JavaScript中的Error錯(cuò)誤對(duì)象與自定義錯(cuò)誤類型,需要的朋友可以參考下2022-12-12JavaScript實(shí)現(xiàn)點(diǎn)擊自制菜單效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)點(diǎn)擊自制菜單效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-02-02Chrome瀏覽器的alert彈窗禁止再次彈出后恢復(fù)的方法
本文主要介紹了Chrome瀏覽器的alert彈窗禁止再次彈出后恢復(fù)的方法。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2016-12-12