今天有個哥們問我要是JavaScript函數重名了會有什么后果？開始我沒有細想，就說可能會出錯吧，可是等我實驗完了發現頁面沒有任何腳本錯誤提示，而且程序也運行了，只是對同名函數的調用執行了位置靠后的一個。

??? 回頭仔細一想，這個結果完全可以接受，因為腳本在頁面里本身就是順序執行下來的，包括函數的定義，但然如果只是定義 function foo(){} 這種形式，我們是跟蹤不到函數初始化的。可是如果是定義類的方式，我們就可以明顯地跟蹤到函數的初始化順序。比如：

function?foo()?{}
function?foo.prototype.fn1()?{}
function?foo.prototype.fn2()?{}

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

??? 回到我們剛才說的JavaScript腳本函數重名問題上來，比如我們定義兩個函數 funAlert():

function?funAlert()
{
????alert('A');
}

function?funAlert()
{
????alert('B');
}

??? 調用 funAlert()，那么將顯示一個MegBox，內容為'B'。

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

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

window.fnAlert(); ??? 其函數也就是定義在對象上的一個函數指針，我們象這個指針賦什么函數引用，它就執行什么效果，而JavaScript中的腳本函數重名就和普通賦值語句一樣，等同于： var?i?=?0;
var?i?=?1; ??? //?稍微注意以下JavaScript里的var，用var定義變量和我們平時用的高級語言定義變量是不同的，它只起到一個提示的作用，提醒說我在這里定義變量了，而沒有什么變量作用域的概念，只要不離開定義它的對象的域(比如頁面刷新)，出現過的變量會就一直存在。所以var寫不寫都行。舉個例子： if?(?true?)
{
???t?=?100;
}
alert(t);

??? 將顯示100，而

if?(?true?)
{
????var?t?=?100;
}
alert(t);

??? 也是顯示100。

??? 所以JavaScript的腳本函數名重不重復只是一個運算的問題，和我們高級語言里的語法約束完全不是一回事，當然也更不是overload的范疇。

??? 腳本函數名重名有什么用呢？最直觀就是可以用來實現偽重載，比如我們不少免費的主頁空間常常會給你強加彈出窗口廣告，我們就可以在頁面第一行寫上：

<script?language="javascript">
var _open?= window.open;
??? window.open?=function()?{}
</script>

??? 這樣就可以屏蔽掉不是加在頁面第一行上的彈出窗口廣告(加在第一行不能攔截，因為window.open還沒有被'重載'open就先執行了)。

本文轉自博客園鳥食軒的博客，原文鏈接：http://www.cnblogs.com/birdshome/，如需轉載請自行聯系原博主。

總結

以上是生活随笔為你收集整理的从JavaScript函数重名看其初始化方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。