首页 > web前端 > js教程 > 正文

从JavaScript的函数重名看其初始化方式_javascript技巧

php中文网
发布: 2016-05-16 19:17:45
原创
1867人浏览过

今天有个哥们问我要是JavaScript函数重名了会有什么后果?开始我没有细想,就说可能会出错吧,可是等我实验完了发现页面没有任何脚本错误提示,而且程序也运行了,只是对同名函数的调用执行了位置靠后的一个。

    回头仔细一想,这个结果完全可以接受,因为脚本在页面里本身就是顺序执行下来的,包括函数的定义,但然如果只是定义 function foo(){} 这种形式,我们是跟踪不到函数初始化的。可是如果是定义类的方式,我们就可以明显地跟踪到函数的初始化顺序。比如:

从JavaScript的函数重名看其初始化方式_javascript技巧function foo() {}
从JavaScript的函数重名看其初始化方式_javascript技巧
function foo.prototype.fn1() {}
从JavaScript的函数重名看其初始化方式_javascript技巧
function foo.prototype.fn2() {}

    我们就可以明显地看到先执行function foo.prototype.fn1(){}再执行function foo.prototype.fn2(){}。

    回到我们刚才说的JavaScript脚本函数重名问题上来,比如我们定义两个函数 funAlert():

从JavaScript的函数重名看其初始化方式_javascript技巧function funAlert()
从JavaScript的函数重名看其初始化方式_javascript技巧{
从JavaScript的函数重名看其初始化方式_javascript技巧    alert('A');
从JavaScript的函数重名看其初始化方式_javascript技巧}
从JavaScript的函数重名看其初始化方式_javascript技巧
从JavaScript的函数重名看其初始化方式_javascript技巧
function funAlert()
从JavaScript的函数重名看其初始化方式_javascript技巧{
从JavaScript的函数重名看其初始化方式_javascript技巧    alert('B');
从JavaScript的函数重名看其初始化方式_javascript技巧}

    调用 funAlert(),那么将显示一个MegBox,内容为'B'。

    为什么初始化函数会有这样的效果?这里只用把上面两个函数的定义改一下,就会一目了然了,我们把定义改为:

从JavaScript的函数重名看其初始化方式_javascript技巧var fnAlert = new Function("alert('A')");
从JavaScript的函数重名看其初始化方式_javascript技巧
var fnAlert = new Function("alert('B')");
从JavaScript的函数重名看其初始化方式_javascript技巧
从JavaScript的函数重名看其初始化方式_javascript技巧window.fnAlert();
    其函数也就是定义在对象上的一个函数指针,我们象这个指针赋什么函数引用,它就执行什么效果,而JavaScript中的脚本函数重名就和普通赋值语句一样,等同于:
从JavaScript的函数重名看其初始化方式_javascript技巧var i = 0;
从JavaScript的函数重名看其初始化方式_javascript技巧
var i = 1;
    // 稍微注意以下JavaScript里的var,用var定义变量和我们平时用的高级语言定义变量是不同的,它只起到一个提示的作用,提醒说我在这里定义变量了,而没有什么变量作用域的概念,只要不离开定义它的对象的域(比如页面刷新),出现过的变量会就一直存在。所以var写不写都行。举个例子:
从JavaScript的函数重名看其初始化方式_javascript技巧if ( true )
从JavaScript的函数重名看其初始化方式_javascript技巧{
从JavaScript的函数重名看其初始化方式_javascript技巧   t 
= 100;
从JavaScript的函数重名看其初始化方式_javascript技巧}
从JavaScript的函数重名看其初始化方式_javascript技巧alert(t);

    将显示100,而

从JavaScript的函数重名看其初始化方式_javascript技巧if ( true )
从JavaScript的函数重名看其初始化方式_javascript技巧{
从JavaScript的函数重名看其初始化方式_javascript技巧    
var t = 100;
从JavaScript的函数重名看其初始化方式_javascript技巧}
从JavaScript的函数重名看其初始化方式_javascript技巧alert(t);

    也是显示100。

    所以JavaScript的脚本函数名重不重复只是一个运算的问题,和我们高级语言里的语法约束完全不是一回事,当然也更不是overload的范畴。

    脚本函数名重名有什么用呢?最直观就是可以用来实现伪重载,比如我们不少免费的主页空间常常会给你强加弹出窗口广告,我们就可以在页面第一行写上:

script language="javascript">
    var _open = window.open;
    window.open 
= function() {}
script>
    这样就可以屏蔽掉不是加在页面第一行上的弹出窗口广告(加在第一行不能拦截,因为window.open还没有被'重载'open就先执行了)。
java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号