javascript
从JavaScript函数重名看其初始化方式
今天有個哥們問我要是JavaScript函數(shù)重名了會有什么后果?開始我沒有細想,就說可能會出錯吧,可是等我實驗完了發(fā)現(xiàn)頁面沒有任何腳本錯誤提示,而且程序也運行了,只是對同名函數(shù)的調(diào)用執(zhí)行了位置靠后的一個。
??? 回頭仔細一想,這個結(jié)果完全可以接受,因為腳本在頁面里本身就是順序執(zhí)行下來的,包括函數(shù)的定義,但然如果只是定義 function foo(){} 這種形式,我們是跟蹤不到函數(shù)初始化的。可是如果是定義類的方式,我們就可以明顯地跟蹤到函數(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(); ??? 其函數(shù)也就是定義在對象上的一個函數(shù)指針,我們象這個指針賦什么函數(shù)引用,它就執(zhí)行什么效果,而JavaScript中的腳本函數(shù)重名就和普通賦值語句一樣,等同于: var?i?=?0;
var?i?=?1; ??? //?稍微注意以下JavaScript里的var,用var定義變量和我們平時用的高級語言定義變量是不同的,它只起到一個提示的作用,提醒說我在這里定義變量了,而沒有什么變量作用域的概念,只要不離開定義它的對象的域(比如頁面刷新),出現(xiàn)過的變量會就一直存在。所以var寫不寫都行。舉個例子: if?(?true?)
{
???t?=?100;
}
alert(t);
??? 將顯示100,而
if?(?true?){
????var?t?=?100;
}
alert(t);
??? 也是顯示100。
??? 所以JavaScript的腳本函數(shù)名重不重復只是一個運算的問題,和我們高級語言里的語法約束完全不是一回事,當然也更不是overload的范疇。
??? 腳本函數(shù)名重名有什么用呢?最直觀就是可以用來實現(xiàn)偽重載,比如我們不少免費的主頁空間常常會給你強加彈出窗口廣告,我們就可以在頁面第一行寫上:
<script?language="javascript">var _open?= window.open;
??? window.open?=function()?{}
</script>
??? 這樣就可以屏蔽掉不是加在頁面第一行上的彈出窗口廣告(加在第一行不能攔截,因為window.open還沒有被'重載'open就先執(zhí)行了)。
本文轉(zhuǎn)自博客園鳥食軒的博客,原文鏈接:http://www.cnblogs.com/birdshome/,如需轉(zhuǎn)載請自行聯(lián)系原博主。
總結(jié)
以上是生活随笔為你收集整理的从JavaScript函数重名看其初始化方式的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 基于element-ui实现table可
- 下一篇: 【原创】纯干货,Spring-data-