JavaScript匿名函数用法分析

 更新时间:2015年02月13日 10:47:30   作者:桂学成  
这篇文章主要介绍了JavaScript匿名函数用法,实例分析了匿名函数的功能、定义及具体用法,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了JavaScript匿名函数用法。分享给大家供大家参考。具体如下:

一、定义一个函数

在JavaScript中,可以通过“函数声明”和“函数表达式”来定义一个函数,比如

1、通过“函数声明”来定义一个函数

function t1(){}

2、通过“函数表达式”来定义一个函数

t2 = function(){}

但是两种方式定义函数,效果是不同的
t1是函数声明,‘词法分析'时,AO.t1 = function(){},-------------在‘词法分析'阶段就发挥作用
t2是赋值操作,‘运行'时,AO.t2 = function(){},值是右边的表达式返回的结果,------在‘运行'阶段才发挥作用

二、匿名函数

在JavaScript中,小括号()里的语句当做表达式来执行,在上面说到,可以使用“函数表达式”来定义一个函数,那么,我们可以在()内定义一个函数,如

(function t3(){alert(' i am t3');})

如果该函数没有使用名字,修改如下

(function(){alert(' i am t3');})

包含在()内的语句既然是表达式,就有返回值,(function(){alert(' i am t3');})的返回值就是定义的函数,可以立即调用,如

(function(){alert(' i am t3');})()

因此,在小括号()内定义一个没有名字的函数,该函数称为匿名函数。这种手法,匿名函数,立即执行,不污染全局,称为 立即执行函数表达式。

三、jquery就是一个匿名函数

jquery的代码就是封装在一个匿名函数中,这是jquery最外层的代码:

(function(window,undefined){})(window);//立即调用

但是jquery为什么传window,不传undefined呢?

答:传window是为了查找速度,减少查询变量的时间。比如下面这段js代码

function(){
 function(){
   function(){
  function(){
   document.getElementById();
//这个document将会沿作用域层层上找,直到最外层window全局。
  }
   }
 }
}

jquery就是为了加快内部查找局部变量的速度,而直接把window以参数形式传进来, 这样window就在jquery内部AO上。

不传undefined是为了安全,因为在低版本的IE,FF中,undefined竟然可以重新赋值,如 undefined=3;

声明局部变量undefined(名字是undefined),同时,又不传参,值自然就是undefined

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • javascript实现悬浮跟随框缓动效果

    javascript实现悬浮跟随框缓动效果

    这篇文章主要为大家详细介绍了javascript实现悬浮跟随框缓动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • JS+CSS实现带小三角指引的滑动门效果

    JS+CSS实现带小三角指引的滑动门效果

    这篇文章主要介绍了JS+CSS实现带小三角指引的滑动门效果,可实现带有箭头提示效果的滑动门功能,涉及JavaScript动态操作页面元素样式的相关技巧,需要的朋友可以参考下
    2015-09-09
  • Javascript实现html转pdf高清版(提高分辨率)

    Javascript实现html转pdf高清版(提高分辨率)

    这篇文章主要介绍了Javascript将html转成pdf高清版(提高分辨率),需要的朋友可以参考下
    2020-02-02
  • JavaScript两种计时器的实例讲解

    JavaScript两种计时器的实例讲解

    今天小编就为大家分享一篇关于JavaScript两种计时器的实例讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • echarts柱状堆叠图实现示例(图例和x轴都是动态的)

    echarts柱状堆叠图实现示例(图例和x轴都是动态的)

    一些柱形图在数据量比较多的时候,横向排列受到挤压,导致柱形图,变的非常细,影响整体的效果,下面这篇文章主要给大家介绍了关于echarts柱状堆叠图(图例和x轴都是动态的)的相关资料,需要的朋友可以参考下
    2023-04-04
  • Javascript获取当前时间函数和时间操作小结

    Javascript获取当前时间函数和时间操作小结

    这篇文章主要介绍了Javascript获取当前时间函数和时间操作小结,本文根据项目实际需求总结而来,需要的朋友可以参考下
    2014-10-10
  • js判断手机号是否正确并返回的实现代码

    js判断手机号是否正确并返回的实现代码

    这篇文章主要介绍了js判断手机号是否正确并返回的实现代码,以及使用正则表达式判断手机号是否正确,需要的的朋友参考下
    2017-01-01
  • webpack4.0 入门实践教程

    webpack4.0 入门实践教程

    webpack4.0发布了一段时间了,这篇文章主要介绍了webpack4.0 入门实践教程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • Window.Open打开窗体和if嵌套代码

    Window.Open打开窗体和if嵌套代码

    这篇文章主要介绍了Window.Open打开窗体和if嵌套代码的相关资料,需要的朋友可以参考下
    2016-04-04
  • JavaScript动态检测密码强度原理及实现方法详解

    JavaScript动态检测密码强度原理及实现方法详解

    这篇文章主要介绍了JavaScript动态检测密码强度原理及实现方法,结合具体实例形式详细分析了javascript针对输入字符串密码强度检测的原理与相关判断操作技巧,需要的朋友可以参考下
    2019-06-06

最新评论