javascript两种function的定义介绍及区别说明

 更新时间:2013年05月02日 18:25:16   作者:   我要评论
javascript两种function的定义方式function a(){}和a=function(){}具体使用如下,感兴趣的朋友可以参考下,希望对你对你学习function的定义有所帮助
一般情况下两者的调用结果是一样的,但是还是有区别的。
第一种方式:
复制代码 代码如下:

function a(){
alert('old');
}
var b=a;
function a(){
b();
alert('new');
}
a();//浏览器就会出现内存溢出的情况

第二种方式:
复制代码 代码如下:

function a(){
alert('old');
}
var b=a;
var a=function(){
b();
alert('new');
}
a();//浏览器就会按顺序alert出‘old'和‘new'

这里就可以很明显区分两个方式的区别了。定义的顺序不同。
第一种,刚开始其实没有重新定义 a 这个function 而在里面执行了其本身。
第二种方式, a = function () 这里没有执行到 function 里面的代码 a 已经被重新定义了。所以这里的重定义是有效的
补充1:
复制代码 代码如下:

function a(){
alert('old');
}
var b=a;
function a(){
b();
alert('new');
}

编译时: 首先a被定义为alert("old"), 接着又被定义成b();alert("new");
运行时: b = function a(){b();alert("new");}, 此时b和a一样, 函数体中直接调用b, 无论从a调用还是从b调用结果都一样, 产生堆栈溢出
另一方面
复制代码 代码如下:

function a(){
alert('old');
}
var b=a;
var a=function(){
b();
alert('new');
}

编译时: a被定义为alert("old")
运行时: b=function a(){alert("old")}; a=function(){b();alert("new")}; 此时b的函数体中不包括ab中任何一个, a只调用b... 无论怎样都不会产生堆栈溢出...
补充2:
一般来说,都会用第一种的写法来避免代码污染,但如果你需要保留原function,就要用第二种写法,反正两种方法都是符合w3c的。
事实上第一种写法是后来才有的,这种写法是经过优化的。

相关文章

  • js程序中美元符号$是什么

    js程序中美元符号$是什么

    $符号在php中是表示变量的特征字符, 在js中它也有很多作用, 一般我们用来命名一个函数名称,获取id的
    2008-06-06
  • layui 阻止图片上传的实例(before方法)

    layui 阻止图片上传的实例(before方法)

    今天小编就为大家分享一篇layui 阻止图片上传的实例(before方法),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • Javascript类型系统之String字符串类型详解

    Javascript类型系统之String字符串类型详解

    这篇文章主要介绍了Javascript类型系统之String字符串类型详解的相关资料,需要的朋友可以参考下
    2016-06-06
  • 向大师们学习Javascript(视频与PPT)

    向大师们学习Javascript(视频与PPT)

    在开始之前,先与大家一起认识下这篇文章的主角,世界级的javascript大牛们:Douglas Crockford、John Resig、Peter-Paul Koch、Nicolas C. Zakas。看名字也许挺陌生,但是如果你对javascript还算熟悉,一定不会对他们的作品陌生。
    2009-12-12
  • Bootstrap的aria-label和aria-labelledby属性实例详解

    Bootstrap的aria-label和aria-labelledby属性实例详解

    这篇文章主要介绍了Bootstrap的aria-label和aria-labelledby属性实例详解,需要的朋友可以参考下
    2018-11-11
  • JavaScript计算两个日期时间段内日期的方法

    JavaScript计算两个日期时间段内日期的方法

    这篇文章主要介绍了JavaScript计算两个日期时间段内日期的方法,涉及javascript操作时间的技巧,需要的朋友可以参考下
    2015-03-03
  • JS数组去重的6种方法完整实例

    JS数组去重的6种方法完整实例

    这篇文章主要介绍了JS数组去重的6种方法,结合完整实例形式总结分析了javascript针对数组去除重复项的相关原理与操作技巧,需要的朋友可以参考下
    2018-12-12
  • javascript常用的方法整理

    javascript常用的方法整理

    JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的。这章我给大家整理了一些JAVASCRIPT的基础知识、常用代码和事件汇总。
    2015-08-08
  • JS实现设置ff与ie元素绝对位置的方法

    JS实现设置ff与ie元素绝对位置的方法

    这篇文章主要介绍了JS实现设置ff与ie元素绝对位置的方法,涉及JavaScript针对页面元素及元素属性的相关操作技巧,需要的朋友可以参考下
    2016-03-03
  • JavaScript来实现打开链接页面的简单实例

    JavaScript来实现打开链接页面的简单实例

    下面小编就为大家带来一篇JavaScript来实现打开链接页面的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06

最新评论