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ì)用第一種的寫(xiě)法來(lái)避免代碼污染，但如果你需要保留原function，就要用第二種寫(xiě)法，反正兩種方法都是符合w3c的。
事實(shí)上第一種寫(xiě)法是后來(lái)才有的，這種寫(xiě)法是經(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ì)用第一種的寫(xiě)法來(lái)避免代碼污染，但如果你需要保留原function，就要用第二種寫(xiě)法，反正兩種方法都是符合w3c的。
事實(shí)上第一種寫(xiě)法是后來(lái)才有的，這種寫(xiě)法是經(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)文章
微信小程序?qū)崿F(xiàn)上傳多個(gè)文件 超過(guò)10個(gè)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)上傳多個(gè)文件，超過(guò)10個(gè)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
HTTP Response Splitting 攻擊主要說(shuō)明的是兩個(gè)問(wèn)題2008-12-12
el-date-picker?限制開(kāi)始時(shí)間和結(jié)束時(shí)間的代碼實(shí)現(xiàn)
在Vue.js中使用Element?UI庫(kù)的el-date-picker組件時(shí),可以通過(guò)設(shè)置picker-options來(lái)限制開(kāi)始時(shí)間和結(jié)束時(shí)間的選擇范圍,下面通過(guò)例子介紹el-date-picker?限制開(kāi)始時(shí)間和結(jié)束時(shí)間的實(shí)現(xiàn),感興趣的朋友一起看看吧2024-08-08
直接從qq上獲取到奧運(yùn)金牌的數(shù)量的代碼2008-08-08
fullPage.js 是一個(gè)基于 jQuery 的插件，它能夠很方便、很輕松的制作出全屏網(wǎng)站，本文主要介紹了fullpage.js全屏滾動(dòng)的具體使用方法，感興趣的可以了解一下2021-09-09
JavaScript中正則表達(dá)式的實(shí)際應(yīng)用詳解
這篇文章主要給大家介紹了關(guān)于JavaScript中正則表達(dá)式實(shí)際應(yīng)用的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
Layui數(shù)據(jù)表格之獲取表格中所有的數(shù)據(jù)方法
今天小編就為大家分享一篇Layui數(shù)據(jù)表格之獲取表格中所有的數(shù)據(jù)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
利用JQuery和JS實(shí)現(xiàn)奇偶行背景顏色自定義效果
本文將詳細(xì)介紹利用JQuery和JS實(shí)現(xiàn)奇偶行背景顏色自定義效果,需要的朋友可以參考下2012-11-11
js判斷一個(gè)對(duì)象是數(shù)組（函數(shù)）的方法實(shí)例
這篇文章主要給大家介紹了關(guān)于利用js如何判斷一個(gè)對(duì)象是數(shù)組（函數(shù)）的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等屬性學(xué)
這篇文章主要介紹了JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等屬性學(xué)習(xí)筆記，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07