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

2016-02-19 10:29 2 1 收藏

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程，今天给大家分享从JavaScript的函数重名看其初始化方式教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - Web开发】

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

回头仔细一想，这个结果完全可以接受，因为脚本在页面里本身就是顺序执行下来的，包括函数的定义，但然如果只是定义 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(); 其函数也就是定义在对象上的一个函数指针，我们象这个指针赋什么函数引用，它就执行什么效果，而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的范畴。

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

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

来源:https://www.tulaoshi.com/n/20160219/1594791.html

上一篇： MySQL UPDATE更新语句精解
下一篇：超链接的陷下效果

看过《从JavaScript的函数重名看其初始化方式》的人还看了以下文章更多>>

Java对象初始化顺序的使用

标签：编程语言网络编程

单一类：（静态成员变量&静态初始化块)(成员变量&初始化块)构造函数代码如下： public class 对象初始化顺序 { public static void main(String[] args){ Person p = new Person(); } } class Person{ public static String staticf...

深入理解final变量的初始化

标签：编程语言网络编程

final变量的初始化位置一是其定义处，也就是说在final变量定义时直接给其赋值，二是在构造函数中。而且在Java1.1以前，只能是在定义时给值。三是在初如化代码块中{} 或者 static{} 代码如下： public class InitOrder { { System.out.println("before---field"); ...

C++基础:初始化类对象

标签：编程语言网络编程

问题： C++中如何初始化类中的表数据？在C语言中，我能像下面这样初始化结构数组： // strUCt MYSTRUCT { int x,y,z; };MYSTRUCT table[] = { { 1,2,3 }, { 4,5,6 }, .....

Java数组声明、创建、初始化基础

标签：编程语言网络编程

一维数组的声明方式： type var[]; 或type[] var; 声明数组时不能指定其长度（数组中元素的个数）， Java中使用关键字new创建数组对象，格式为：数组名 = new 数组元素的类型 [数组元素的个数] 实例： TestNew.java：程序代码： public class TestNew {public static void main(String args[]) { int[] s ; int i ; s = new...

Linux内核初始化过程简要介绍

标签： Linux Linux命令 Linux安装 Linux编程 Linux桌面 Linux软件 Linux内核 Linux管理

全部引导过程是四步 1:boot PROM phase 2:boot Programs phase 3:kernel initialization phase 4:init phase system初始化,检测内存和cpu,检查设备和创建设备树,设置console kernel初始化过程 kernel self -initialization 内核自检 loading of kernel modules 载入内核模块 rea...

查看更多精彩>>