快捷導(dǎo)航

從JavaScript的函數(shù)重名看其初始化方式

更新時(shí)間：2007年03月08日 00:00:00 作者：

今天有個(gè)哥們問(wèn)我要是JavaScript函數(shù)重名了會(huì)有什么后果？開(kāi)始我沒(méi)有細(xì)想，就說(shuō)可能會(huì)出錯(cuò)吧，可是等我實(shí)驗(yàn)完了發(fā)現(xiàn)頁(yè)面沒(méi)有任何腳本錯(cuò)誤提示，而且程序也運(yùn)行了，只是對(duì)同名函數(shù)的調(diào)用執(zhí)行了位置靠后的一個(gè)。

回頭仔細(xì)一想，這個(gè)結(jié)果完全可以接受，因?yàn)槟_本在頁(yè)面里本身就是順序執(zhí)行下來(lái)的，包括函數(shù)的定義，但然如果只是定義 function foo(){} 這種形式，我們是跟蹤不到函數(shù)初始化的?？墒侨绻嵌x類(lèi)的方式，我們就可以明顯地跟蹤到函數(shù)的初始化順序。比如：

function foo() {}

function foo.prototype.fn1() {}

function foo.prototype.fn2() {}

我們就可以明顯地看到先執(zhí)行function foo.prototype.fn1(){}再執(zhí)行function foo.prototype.fn2(){}。

回到我們剛才說(shuō)的JavaScript腳本函數(shù)重名問(wèn)題上來(lái)，比如我們定義兩個(gè)函數(shù) funAlert():

function funAlert()

{

alert('A');

}

function funAlert()

{

alert('B');

}

調(diào)用 funAlert()，那么將顯示一個(gè)MegBox，內(nèi)容為'B'。

為什么初始化函數(shù)會(huì)有這樣的效果？這里只用把上面兩個(gè)函數(shù)的定義改一下，就會(huì)一目了然了，我們把定義改為：

var fnAlert = new Function("alert('A')");

var fnAlert = new Function("alert('B')");

window.fnAlert();

其函數(shù)也就是定義在對(duì)象上的一個(gè)函數(shù)指針，我們象這個(gè)指針賦什么函數(shù)引用，它就執(zhí)行什么效果，而JavaScript中的腳本函數(shù)重名就和普通賦值語(yǔ)句一樣，等同于：

var i = 0;

var i = 1;

// 稍微注意以下JavaScript里的var，用var定義變量和我們平時(shí)用的高級(jí)語(yǔ)言定義變量是不同的，它只起到一個(gè)提示的作用，提醒說(shuō)我在這里定義變量了，而沒(méi)有什么變量作用域的概念，只要不離開(kāi)定義它的對(duì)象的域(比如頁(yè)面刷新)，出現(xiàn)過(guò)的變量會(huì)就一直存在。所以var寫(xiě)不寫(xiě)都行。舉個(gè)例子：

if ( true )

{

t = 100;

}

alert(t);

將顯示100，而

if ( true )

{

var t = 100;

}

alert(t);

也是顯示100。