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

_____崔丝塔娜

_____崔丝塔娜

2016-02-19 10:29

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享从JavaScript的函数重名看其初始化方式教程,希望对大家能有一点小小的帮助。
今天有个哥们问我要是JavaScript函数重名了会有什么后果?开始我没有细想,就说可能会出错吧,可是等我实验完了发现页面没有任何脚本错误提示,而且程序也运行了,只是对同名函数的调用执行了位置靠后的一个。

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

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

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)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的范畴。

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)script language="javascript"
    var _open = window.open;
    window.open = function() {}
/script    这样就可以屏蔽掉不是加在页面第一行上的弹出窗口广告(加在第一行不能拦截,因为window.open还没有被'重载'open就先执行了)。
展开更多 50%)
分享

猜你喜欢

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

Web开发
从JavaScript的函数重名看其初始化方式

关于Javascript构造函数,类初始化实例

Web开发
关于Javascript构造函数,类初始化实例

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

初始化类对象

C语言教程 C语言函数
初始化类对象

C#箴言:使用构造函数初始化语句

编程语言 网络编程
C#箴言:使用构造函数初始化语句

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

linux核心代码分析(系统初始化start_kernel函数)

Linux Linux命令 Linux安装 Linux编程 Linux桌面 Linux软件 Linux内核 Linux管理
linux核心代码分析(系统初始化start_kernel函数)

windows通信端口初始化失败

电脑入门
windows通信端口初始化失败

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

MySQL UPDATE更新语句精解

MySQL UPDATE更新语句精解

超链接的陷下效果

超链接的陷下效果
下拉加载更多内容 ↓