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

今天有个哥们问我要是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就先执行了)。

赞 (0)

相关推荐

  • 浅谈js中的变量名和函数名重名

    今天骚凯问了一道变量名冲突的题目,感觉很有意思,顺便也复习一下预解析的一些知识,有不对的地方忘前辈大神指正,题目是这样的: var a=100; function a(){ console.log(a); } a(); 这个串代码执行完会报错 : a is not a function 问题来了,为什么会报这个错误呢? 这里涉及到函数和变量的预解析: 1)函数声明会置顶 2)变量声明也会置顶 3)函数声明比变量声明更置顶:(函数在变量上面) 4)变量和赋值语句一起书写,在js引擎解析时,会将其拆

  • JavaScript中重名的函数与对象示例详析

    前言 本文主要给大家介绍了关于JavaScript中重名的函数与对象的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧. JavaScript 允许重复声明变量,后声明的覆盖之前的. var a = 1; var a = 'x'; console.log(a); //输出'x' JavaScript允许重复定义函数. JavaScript没有重载这个概念,它仅依据函数名来区分函数. 后定义的同名函数覆盖之前的,与参数无关. function test() { consol

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

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

    今天有个哥们问我要是JavaScript函数重名了会有什么后果?开始我没有细想,就说可能会出错吧,可是等我实验完了发现页面没有任何脚本错误提示,而且程序也运行了,只是对同名函数的调用执行了位置靠后的一个. 回头仔细一想,这个结果完全可以接受,因为脚本在页面里本身就是顺序执行下来的,包括函数的定义,但然如果只是定义 function foo(){} 这种形式,我们是跟踪不到函数初始化的.可是如果是定义类的方式,我们就可以明显地跟踪到函数的初始化顺序.比如: function foo() {}fun

  • Javascript中函数名.length属性用法分析(对比arguments.length)

    本文实例分析了Javascript中函数名.length属性用法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&g

  • javascript 用函数实现继承详解

    javascript 用函数实现继承详解

    一.知识储备: 1.枚举属性名称的函数: (1)for...in:可以在循环体中遍历对象中所有可枚举的属性(包括自有属性和继承属性) (2)Object.keys():返回数组(可枚举的自有属性) (3)Object.getOwnPropertyNames():所有的自有属性 3.属性的特性:数据属性和存取器属性 (1)数据属性:可写(writable)  可枚举(enumerable)  可配置(configurable)  值(value) 数据属性只有一个简单的值: (2)存取器属性: 写

  • JavaScript 申明函数的三种方法 每个函数就是一个对象（一）

    一.申明函数的三种方法 (Declaring a Function) 方法一:function functionName([parameters]){functionBody}; Example D1 复制代码 代码如下: function add(a, b) { return a+b; } alert(add(1,2)); // produces 3 当我们这样申明函数时,函数的内容被解释(但没有执行,要我们调用该函数才会执行),同时,一个名为add的对象已经建立. 方法二:将一个未命名的函数

  • JavaScript 匿名函数（anonymous function）与闭包（closure）

    引入 匿名函数 闭包 变量作用域 函数外部访问函数内部的局部变量 用闭包实现私有成员 引入 闭包是用匿名函数来实现.闭包就是一个受到保护的变量空间,由内嵌函数生成."保护变量"的思想在几乎所有的编程语言中都能看到. 先看下 JavaScript 作用域: JavaScript 具有函数级的作用域.这意味着,不能在函数外部访问定义在函数内部的变量. JavaScript 的作用域又是词法性质的(lexically scoped).这意味着,函数运行在定义它的作用域中,而不是在调用它的作用

  • javascript的函数

    javascript的函数

    javascript的函数 作者:F. Permadi 译者:Sheneyan(子乌) 时间:2006.01.03 英文原文: INTRODUCTION TO JavaScript Functions 子乌注:一篇相当不错的function入门文章,个人感觉相当经典. 词语翻译列表 function:函数(Function未翻译) declare:定义 assign:指派,分配 functionbody:函数体(就是函数的内容) object:对象 property:属性 unnamed:匿名(

  • JavaScript基础教程——入门必看篇

    JavaScript基础教程——入门必看篇

    JavaScript他是一种描述性语言,其实他并不难学,只要用心学,一定会学好,我相信大家在看这篇文章的时候,一定也学过HTML吧,使用JavaScript就是为了能和网页有更好的交互,下面切入主题. 一. JavaScript 1.什么是JavaScript JavaScript是一种描述性语言,也是一种基于对象(Object)和事件驱动(Event Driven)的,并具有安全性的脚本语言. 2.JavaScript的特点 JavaScript主要用来向HTML页面添加交互行为. JavaS

  • javascript匿名函数实例分析

    本文实例讲述了javascript匿名函数的用法.分享给大家供大家参考.具体分析如下: 摘要: 本文讲解的是javascript最基础也是最重要的东西--函数,之所以写这篇文章,是因为面试的时候问到了,也算是温故而知新了. 先上个例子,如果你看懂了,说明你已经理解了本文要讲的. 复制代码 代码如下: var f = (function() { function f() {return 10;} return f(); function f() {return 20;} var f = 30; }

随机推荐