javascript兩種function的定義介紹及區別說明_javascript技巧

一般情況下兩者的呼叫結果是一樣的，但是還是有差別的。
第一種方式：

複製程式碼 程式碼如下:

function() {
alert('old');
}
var b=a;
function a(){
b();
alert('new');
}
a();//瀏覽器就會出現記憶體溢位的狀況

第二種方式：

複製程式碼 程式碼如下:

function a(){
alert('old');
}
var b=a;
var a=function(){
b();
alert('new');
}
a();//瀏覽器就會依序alert出'old'和'new'

這裡就可以很明顯區分兩個方式的差別了。定義的順序不同。
第一種，剛開始其實沒有重新定義 a 這個function 而在裡面執行了其本身。
第二種方式， a = function () 這裡沒有執行到 function 裡面的程式碼 a 已經被重新定義了。所以這裡的重定義是有效的
補充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一樣, 函數體中直接調用b, 無論從a調用還是從b調用結果都一樣,產生堆疊溢位另一方面

複製程式碼

程式碼如下:

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的函數體中不包括ab中任何一個, a只呼叫b... 無論怎樣都不會產生堆疊溢位... 補充2： 一般來說，都會用第一種的寫法來避免代碼污染，但如果你需要保留原function，就要用第二種寫法，反正兩種方法都是符合w3c的。 事實上第一種寫法是後來才有的，這種寫法是經過最佳化的。