從JavaScript的函數(shù)重名看其初始化方式
更新時間：2007年03月08日 00:00:00 作者：
今天有個哥們問我要是JavaScript函數(shù)重名了會有什么后果？開始我沒有細(xì)想，就說可能會出錯吧，可是等我實驗完了發(fā)現(xiàn)頁面沒有任何腳本錯誤提示，而且程序也運(yùn)行了，只是對同名函數(shù)的調(diào)用執(zhí)行了位置靠后的一個。
function foo() {}
function foo.prototype.fn1() {}
function foo.prototype.fn2() {}
function funAlert()
{
alert('A');
}
function funAlert()
{
alert('B');
}
var fnAlert = new Function("alert('A')");
var fnAlert = new Function("alert('B')");
window.fnAlert(); 其函數(shù)也就是定義在對象上的一個函數(shù)指針，我們象這個指針賦什么函數(shù)引用，它就執(zhí)行什么效果，而JavaScript中的腳本函數(shù)重名就和普通賦值語句一樣，等同于：
var i = 0;
var i = 1; // 稍微注意以下JavaScript里的var，用var定義變量和我們平時用的高級語言定義變量是不同的，它只起到一個提示的作用，提醒說我在這里定義變量了，而沒有什么變量作用域的概念，只要不離開定義它的對象的域(比如頁面刷新)，出現(xiàn)過的變量會就一直存在。所以var寫不寫都行。舉個例子：
if ( true )
{
t = 100;
}
alert(t);
if ( true )
{
var t = 100;
}
alert(t);
這樣就可以屏蔽掉不是加在頁面第一行上的彈出窗口廣告(加在第一行不能攔截，因為window.open還沒有被'重載'open就先執(zhí)行了)。
回頭仔細(xì)一想，這個結(jié)果完全可以接受，因為腳本在頁面里本身就是順序執(zhí)行下來的，包括函數(shù)的定義，但然如果只是定義 function foo(){} 這種形式，我們是跟蹤不到函數(shù)初始化的?？墒侨绻嵌x類的方式，我們就可以明顯地跟蹤到函數(shù)的初始化順序。比如：
function foo() {}function foo.prototype.fn1() {}function foo.prototype.fn2() {}我們就可以明顯地看到先執(zhí)行function foo.prototype.fn1(){}再執(zhí)行function foo.prototype.fn2(){}。
回到我們剛才說的JavaScript腳本函數(shù)重名問題上來，比如我們定義兩個函數(shù) funAlert():
function funAlert(){ alert('A');}function funAlert(){ alert('B');}調(diào)用 funAlert()，那么將顯示一個MegBox，內(nèi)容為'B'。
為什么初始化函數(shù)會有這樣的效果？這里只用把上面兩個函數(shù)的定義改一下，就會一目了然了，我們把定義改為：
var fnAlert = new Function("alert('A')");var fnAlert = new Function("alert('B')");window.fnAlert();var i = 0;var i = 1;if ( true ){ t = 100;}alert(t);將顯示100，而
if ( true ){ var t = 100;}alert(t);也是顯示100。
所以JavaScript的腳本函數(shù)名重不重復(fù)只是一個運(yùn)算的問題，和我們高級語言里的語法約束完全不是一回事，當(dāng)然也更不是overload的范疇。
腳本函數(shù)名重名有什么用呢？最直觀就是可以用來實現(xiàn)偽重載，比如我們不少免費的主頁空間常常會給你強(qiáng)加彈出窗口廣告，我們就可以在頁面第一行寫上：
<script language="javascript">
var _open = window.open;
window.open = function() {}
</script>
var _open = window.open;
window.open = function() {}
</script>
相關(guān)文章
KnockoutJS 3.X API 第四章之表單value綁定
Knockout是一個以數(shù)據(jù)模型（data model）為基礎(chǔ)的能夠幫助你創(chuàng)建富文本，響應(yīng)顯示和編輯用戶界面的JavaScript類庫。這篇文章主要介紹了KnockoutJS 3.X API 第四章之表單value綁定的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了ES6新特性之字符串的擴(kuò)展,結(jié)合實例形式對比分析了ES5與ES6字符串函數(shù)以及模板字符串相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
正則表達(dá)式描述了一種字符串匹配的模式,可以用來檢查一個串是否含有某種子串、將匹配的子串替換或者從某個串中取出符合某個條件的子串等,常用于表單驗證等,下面這篇文章主要給大家介紹了關(guān)于javascript表單驗證以及正則表達(dá)式的相關(guān)資料,需要的朋友可以參考下2023-05-05
這篇文章主要介紹了小程序中手機(jī)號識別的示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
本文主要介紹了JavaScript?WeakMap的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
這篇文章主要介紹了JS常見構(gòu)造模式,結(jié)合實例形式對比分析了工廠模式、構(gòu)造函數(shù)模式、原型模式、寄生構(gòu)造函數(shù)模式、穩(wěn)妥構(gòu)造函數(shù)模式等相關(guān)概念、原理、實現(xiàn)方法與相關(guān)操作技巧,需要的朋友可以參考下2018-08-08
這篇文章主要簡單介紹了JavaScript Math和Number對象的相關(guān)資料,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了11個教程中不常被提及的JavaScript小技巧，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
最近客戶在使用我們的流量監(jiān)測系統(tǒng)以及GA時發(fā)現(xiàn)了一個問題，我們統(tǒng)計到的數(shù)據(jù)比GA的要多很多倍，而且我們統(tǒng)計到的數(shù)據(jù)中，跳出率非常高，高達(dá)99%左右。2010-09-09
下面小編就為大家?guī)硪黄猄tring字符串截取的四種方式總結(jié)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11