javascript兩種function的定義介紹及區(qū)別說明
更新時間：2013年05月02日 18:25:16 作者：
javascript兩種function的定義方式function a(){}和a=function(){}具體使用如下，感興趣的朋友可以參考下，希望對你對你學習function的定義有所幫助
一般情況下兩者的調用結果是一樣的，但是還是有區(qū)別的。
第一種方式：
function a(){
alert('old');
}
var b=a;
function a(){
b();
alert('new');
}
a();//瀏覽器就會出現(xiàn)內(nèi)存溢出的情況
第二種方式：
function a(){
alert('old');
}
var b=a;
var a=function(){
b();
alert('new');
}
a();//瀏覽器就會按順序alert出‘old'和‘new'
這里就可以很明顯區(qū)分兩個方式的區(qū)別了。定義的順序不同。
第一種，剛開始其實沒有重新定義 a 這個function 而在里面執(zhí)行了其本身。
第二種方式， a = function () 這里沒有執(zhí)行到 function 里面的代碼 a 已經(jīng)被重新定義了。所以這里的重定義是有效的
補充1：
function a(){
alert('old');
}
var b=a;
function a(){
b();
alert('new');
}
編譯時: 首先a被定義為alert("old"), 接著又被定義成b();alert("new");
運行時: b = function a(){b();alert("new");}, 此時b和a一樣, 函數(shù)體中直接調用b, 無論從a調用還是從b調用結果都一樣, 產(chǎn)生堆棧溢出
另一方面
function a(){
alert('old');
}
var b=a;
var a=function(){
b();
alert('new');
}
編譯時: a被定義為alert("old")
運行時: b=function a(){alert("old")}; a=function(){b();alert("new")}; 此時b的函數(shù)體中不包括ab中任何一個, a只調用b... 無論怎樣都不會產(chǎn)生堆棧溢出...
補充2：
一般來說，都會用第一種的寫法來避免代碼污染，但如果你需要保留原function，就要用第二種寫法，反正兩種方法都是符合w3c的。
事實上第一種寫法是后來才有的，這種寫法是經(jīng)過優(yōu)化的。
第一種方式：
復制代碼 代碼如下:
function a(){
alert('old');
}
var b=a;
function a(){
b();
alert('new');
}
a();//瀏覽器就會出現(xiàn)內(nèi)存溢出的情況
第二種方式：
復制代碼 代碼如下:
function a(){
alert('old');
}
var b=a;
var a=function(){
b();
alert('new');
}
a();//瀏覽器就會按順序alert出‘old'和‘new'
這里就可以很明顯區(qū)分兩個方式的區(qū)別了。定義的順序不同。
第一種，剛開始其實沒有重新定義 a 這個function 而在里面執(zhí)行了其本身。
第二種方式， a = function () 這里沒有執(zhí)行到 function 里面的代碼 a 已經(jīng)被重新定義了。所以這里的重定義是有效的
補充1：
復制代碼 代碼如下:
function a(){
alert('old');
}
var b=a;
function a(){
b();
alert('new');
}
編譯時: 首先a被定義為alert("old"), 接著又被定義成b();alert("new");
運行時: b = function a(){b();alert("new");}, 此時b和a一樣, 函數(shù)體中直接調用b, 無論從a調用還是從b調用結果都一樣, 產(chǎn)生堆棧溢出
另一方面
復制代碼 代碼如下:
function a(){
alert('old');
}
var b=a;
var a=function(){
b();
alert('new');
}
編譯時: a被定義為alert("old")
運行時: b=function a(){alert("old")}; a=function(){b();alert("new")}; 此時b的函數(shù)體中不包括ab中任何一個, a只調用b... 無論怎樣都不會產(chǎn)生堆棧溢出...
補充2：
一般來說，都會用第一種的寫法來避免代碼污染，但如果你需要保留原function，就要用第二種寫法，反正兩種方法都是符合w3c的。
事實上第一種寫法是后來才有的，這種寫法是經(jīng)過優(yōu)化的。
您可能感興趣的文章:
- JavaScript的Function詳細
- eval(function(p,a,c,k,e,d)系列解密javascript程序
- javascript Object與Function使用
- Javascript 使用function定義構造函數(shù)
- javascript 正則替換 replace(regExp, function)用法
- JavaScript 匿名函數(shù)（anonymous function）與閉包（closure）
- javascript學習筆記（四）function函數(shù)部分
- JavaScript Function函數(shù)類型介紹
- javascript中Function類型詳解
相關文章
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)上傳多個文件，超過10個，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
HTTP Response Splitting 攻擊主要說明的是兩個問題2008-12-12
el-date-picker?限制開始時間和結束時間的代碼實現(xiàn)
在Vue.js中使用Element?UI庫的el-date-picker組件時,可以通過設置picker-options來限制開始時間和結束時間的選擇范圍,下面通過例子介紹el-date-picker?限制開始時間和結束時間的實現(xiàn),感興趣的朋友一起看看吧2024-08-08
直接從qq上獲取到奧運金牌的數(shù)量的代碼2008-08-08
fullPage.js 是一個基于 jQuery 的插件，它能夠很方便、很輕松的制作出全屏網(wǎng)站，本文主要介紹了fullpage.js全屏滾動的具體使用方法，感興趣的可以了解一下2021-09-09
這篇文章主要給大家介紹了關于JavaScript中正則表達式實際應用的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-05-05
Layui數(shù)據(jù)表格之獲取表格中所有的數(shù)據(jù)方法
今天小編就為大家分享一篇Layui數(shù)據(jù)表格之獲取表格中所有的數(shù)據(jù)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
利用JQuery和JS實現(xiàn)奇偶行背景顏色自定義效果
本文將詳細介紹利用JQuery和JS實現(xiàn)奇偶行背景顏色自定義效果,需要的朋友可以參考下2012-11-11
js判斷一個對象是數(shù)組（函數(shù)）的方法實例
這篇文章主要給大家介紹了關于利用js如何判斷一個對象是數(shù)組（函數(shù)）的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用JS具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-12-12
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等屬性學
這篇文章主要介紹了JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等屬性學習筆記，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-07-07