从JavaScript的函数重名看其初始化方式
更新时间：2007年03月08日 00:00:00 作者：
今天有个哥们问我要是JavaScript函数重名了会有什么后果？开始我没有细想，就说可能会出错吧，可是等我实验完了发现页面没有任何脚本错误提示，而且程序也运行了，只是对同名函数的调用执行了位置靠后的一个。
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(); 其函数也就是定义在对象上的一个函数指针，我们象这个指针赋什么函数引用，它就执行什么效果，而JavaScript中的脚本函数重名就和普通赋值语句一样，等同于：
var i = 0;
var i = 1; // 稍微注意以下JavaScript里的var，用var定义变量和我们平时用的高级语言定义变量是不同的，它只起到一个提示的作用，提醒说我在这里定义变量了，而没有什么变量作用域的概念，只要不离开定义它的对象的域(比如页面刷新)，出现过的变量会就一直存在。所以var写不写都行。举个例子：
if ( true )
{
t = 100;
}
alert(t);
if ( true )
{
var t = 100;
}
alert(t);
这样就可以屏蔽掉不是加在页面第一行上的弹出窗口广告(加在第一行不能拦截，因为window.open还没有被'重载'open就先执行了)。
回头仔细一想，这个结果完全可以接受，因为脚本在页面里本身就是顺序执行下来的，包括函数的定义，但然如果只是定义 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();var i = 0;var i = 1;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>
var _open = window.open;
window.open = function() {}
</script>
您可能感兴趣的文章:
相关文章
KnockoutJS 3.X API 第四章之表单value绑定
Knockout是一个以数据模型（data model）为基础的能够帮助你创建富文本，响应显示和编辑用户界面的JavaScript类库。这篇文章主要介绍了KnockoutJS 3.X API 第四章之表单value绑定的相关资料,需要的朋友可以参考下2016-10-10
这篇文章主要介绍了ES6新特性之字符串的扩展,结合实例形式对比分析了ES5与ES6字符串函数以及模板字符串相关操作技巧,需要的朋友可以参考下2017-04-04
正则表达式描述了一种字符串匹配的模式,可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等,常用于表单验证等,下面这篇文章主要给大家介绍了关于javascript表单验证以及正则表达式的相关资料,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了小程序中手机号识别的示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
本文主要介绍了JavaScript WeakMap的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-02-02
这篇文章主要介绍了JS常见构造模式,结合实例形式对比分析了工厂模式、构造函数模式、原型模式、寄生构造函数模式、稳妥构造函数模式等相关概念、原理、实现方法与相关操作技巧,需要的朋友可以参考下2018-08-08
这篇文章主要简单介绍了JavaScript Math和Number对象的相关资料,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了11个教程中不常被提及的JavaScript小技巧，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
最近客户在使用我们的流量监测系统以及GA时发现了一个问题，我们统计到的数据比GA的要多很多倍，而且我们统计到的数据中，跳出率非常高，高达99%左右。2010-09-09
下面小编就为大家带来一篇String字符串截取的四种方式总结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
最新评论