DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript兩種function的定義介紹及區別說明
javascript兩種function的定義介紹及區別說明
編輯:關於JavaScript     
一般情況下兩者的調用結果是一樣的,但是還是有區別的。
第一種方式:
復制代碼 代碼如下:
function a(){
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調用結果都一樣, 產生堆棧溢出
另一方面
復制代碼 代碼如下:
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的函數體中不包括ab中任何一個, a只調用b... 無論怎樣都不會產生堆棧溢出...
補充2:
一般來說,都會用第一種的寫法來避免代碼污染,但如果你需要保留原function,就要用第二種寫法,反正兩種方法都是符合w3c的。
事實上第一種寫法是後來才有的,這種寫法是經過優化的。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved