位置: 编程技术 - 正文

浅析Javascript匿名函数与自执行函数(js匿名类)

编辑:rootadmin

推荐整理分享浅析Javascript匿名函数与自执行函数(js匿名类),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js匿名函数的作用域,js匿名函数赋值给变量,js async 匿名函数,javascript中的匿名函数,javascript中的匿名函数,javascript中的匿名函数,js匿名函数的作用域,js匿名函数的作用域,内容如对您有帮助,希望把文章链接给更多的朋友!

函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途。匿名函数:就是没有函数名的函数。

函数的定义,大致可分为三种方式:

第一种:这也是最常规的一种

第二种:这种方法使用了Function构造函数,把参数列表和函数体都作为字符串,很不方便,不建议使用。

第三种:

注意“=”右边的函数就是一个匿名函数,创造完毕函数后,又将该函数赋给了变量square。

匿名函数的创建

第一种方式:就是上面所讲的定义square函数,这也是最常用的方式之一。

第二种方式:

这里创建了一个匿名函数(在第一个括号内),第二个括号用于调用该匿名函数,并传入参数。括号是表达式,是表达式就有返回值,所以可以在后面加一对括号让它们执行.

自执行的匿名函数

1. 什么是自执行的匿名函数&#;

它是指形如这样的函数: (function {// code})();

2. 疑问

为什么(function {// code})();可以被执行, 而function {// code}();却会报错&#;

3. 分析

(1). 首先, 要清楚两者的区别:(function {// code})是表达式, function {// code}是函数声明.(2). 其次, js"预编译"的特点:js在"预编译"阶段, 会解释函数声明, 但却会忽略表式.(3). 当js执行到function() {//code}();时, 由于function() {//code}在"预编译"阶段已经被解释过, js会跳过function(){//code}, 试图去执行();, 故会报错;当js执行到(function {// code})();时, 由于(function {// code})是表达式, js会去对它求解得到返回值, 由于返回值是一 个函数, 故而遇到();时, 便会被执行.

另外, 函数转换为表达式的方法并不一定要靠分组操作符(),我们还可以用void操作符,~操作符,!操作符……

浅析Javascript匿名函数与自执行函数(js匿名类)

如:

匿名函数与闭包

闭包的英文单词是closure,这是JavaScript中非常重要的一部分知识,因为使用闭包可以大大减少我们的代码量,使我们的代码看上去更加清晰等等,总之功能十分强大。

闭包的含义:闭包说白了就是函数的嵌套,内层的函数可以使用外层函数的所有变量,即使外层函数已经执行完毕(这点涉及JavaScript作用域链)。

这个例子看上去十分的简单,仔细分析下它的执行过程还是有许多知识点的:checkClosure函数的执行是瞬间的(也许用时只是0.毫秒),在checkClosure的函数体内创建了一个变量str,在checkClosure执行完毕之后str并没有被释放,这是因为setTimeout内的匿名函数存在这对str的引用。待到2秒后函数体内的匿名函数被执行完毕,str才被释放。

用闭包来优化代码:

匿名函数最大的用途是创建闭包(这是JavaScript语言的特性之一),并且还可以构建命名空间,以减少全局变量的使用。

在这段代码中函数addEvent和removeEvent都是局部变量,但我们可以通过全局变量oEvent使用它,这就大大减少了全局变量的使用,增强了网页的安全性。

我们要想使用此段代码:

在这里我们创建了一个变量rainman,并通过直接调用匿名函数初始化为5,这种小技巧有时十分实用。

这段代码中的变量one是一个局部变量(因为它被定义在一个函数之内),因此外部是不可以访问的。但是这里我们创建了inner函数,inner函数是可以访问变量one的;又将全局变量outer引用了inner,所以三次调用outer会弹出递增的结果。

注意

1 闭包允许内层函数引用父函数中的变量,但是该变量是最终值

你会发现当鼠标移过每一个<li>元素时,总是弹出4,而不是我们期待的元素下标。这是为什么呢?注意事项里已经讲了(最终值)。显然这种解释过于简单,当mouseover事件调用监听函数时,首先在匿名函数( function(){ alert(i); })内部查找是否定义了 i,结果是没有定义;因此它会向上查找,查找结果是已经定义了,并且i的值是4(循环后的i值);所以,最终每次弹出的都是4。

解决方法一:

解决方法二:

解决方法三:

2 内存泄露

使用闭包十分容易造成浏览器的内存泄露,严重情况下会是浏览器挂死

JavaScript中数组添加值和访问值常见问题 通过本文给大家介绍关于数组方面的一些小问题,或许对大家有点帮助,本文写的不好,还请各位大侠见谅。1.//vararr=[,,];//arr["bbb"]="nor";//arr[-]="nor";//cons

JavaScript仿商城实现图片广告轮播实例代码 大家在逛购物商城的时候不知道有没有注意到商城首页上面都会有各种轮播广告,效果非常好,下面小编给大家整理特此分享给大家学习。具体内容如

javascript+css3 实现动态按钮菜单特效 一个菜单按钮特效案例,简单的实现了动态效果。废话不多说了,直接给大家贴代码了,代码写好不好,还请给位大侠多多指教。divclass="bar"id="menubar"div

标签: js匿名类

本文链接地址:https://www.jiuchutong.com/biancheng/381735.html 转载请保留说明!

上一篇:JS通过Cookie判断页面是否为首次打开(js如何获取cookie的值)

下一篇:JavaScript中数组添加值和访问值常见问题(JavaScript中数组长度的属性)

  • 进口报关商品的完税价格包含运费吗
  • 出口货物适用什么税率
  • 高校报销需要增值税专用发票吗
  • 污水处理税收优惠政策
  • 残保金漏报的财务怎么办
  • 个人独资企业500万以下
  • 分支机构是不是需要设立账簿
  • 会计凭证借方和贷方怎么填
  • 未进行账务处理违反什么
  • 购车 买车
  • 对赌协议如何进行管理
  • 外汇银行会计特殊处理方法如何理解?
  • 收了款未开票凭证如何做
  • 民非企业补贴收入要缴纳增值税会计分录怎么写?
  • 交股权印花税需要什么材料
  • 保证金利息收入怎么开票
  • 社保显示已录入什么意思
  • 开户存入现金计什么科目
  • 维修车间人员的工作总结
  • 增值税进项余额月末转吗
  • 1697510302
  • 行政事业单位往来票据使用范围
  • 预计负债估计退出怎么算
  • 华硕主板进入bios设置
  • 报纸公示具有什么法律效应
  • 工程机械设备租赁价格
  • 年终结算增值税怎么算
  • win10设置待机时间长怎么在哪里设置
  • html img位置
  • 允许税前扣除的税金
  • vue 滚动条往下滑
  • 企业销售不动产增值税税率
  • php怎么设置管理员权限
  • 深度测试软件
  • nsloopup命令
  • 什么发票才能做账务处理
  • 工会经费是公司交还是个人交
  • vue3子组件如何拿到父组件实例
  • php网站根目录
  • 其他应付款在清算时怎么处理
  • 计提工会经费的工资总额包括哪些
  • 用友t3建立新的帐套的流程
  • 找社保代理公司需要提供什么资料
  • 增值税专用发票抵扣期限
  • 公司的进账能打到私人卡上
  • 建筑业纳税人简易征收偷逃增值税
  • 现金支票取现怎么记账
  • 年数总和法和双倍余额递减法的公式
  • MySQL中实现插入或更新操作(类似Oracle的merge语句)
  • ubuntu14.04安装vim
  • 如何关闭windows程序
  • xp windows功能在哪里
  • windows2008防火墙允许远程桌面
  • linux内核模块编译步骤
  • centos6.8配置网络
  • win7回收站路径在哪里
  • windows下键盘不能用
  • linux怎么用shell
  • xp远程连接win7
  • 怎么安装最新显卡驱动
  • window怎么开启自动更新
  • win10怎么安装java?win10系统安装java的方法
  • 三分钟教你学会骑女式摩托车,连菜鸟都能学会
  • 如何将windows 10
  • 深入剖析kubernetes pdf
  • 第三方解决方案
  • excel 工具栏
  • 支持css的浏览器
  • unity3d制作ui
  • unity用鼠标控制物体移动
  • python 二分查找函数
  • 超链接打开比较合适的方式是什么
  • jquery遍历div子元素
  • python27文件夹
  • 申报税务登记日期怎么填
  • 电子税务局做什么的
  • 存款利息需要交税吗
  • 南京国民政府统治和开辟革命新道路
  • 所得税与增值税区别
  • 如何查公司税务问题
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设