位置: 编程技术 - 正文

浅析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中数组长度的属性)

  • 装修设计合同印花税
  • 三个案例看清增值税即征即退?
  • 公司有流水不申报会怎么样
  • 母公司处置子公司合并报表
  • 公司注销,账务怎么处理
  • 上个月没有清卡,这个月可以抄税吗
  • 小规模 季度
  • 待抵扣进项税额是什么意思
  • 税务大厅可以开票吗
  • 辞退员工补偿的月平均工资如何计算
  • 免税项目怎么做账
  • 银行承兑汇票怎么取钱
  • 个体户如何做零申报
  • 独资合伙企业的所有者用于承担企业财务风险的财产是
  • 会员卡退钱是退全额吗
  • 增值税税负率怎么算
  • 没有真实业务的票据贴现
  • 免征政府性基金预缴税款
  • 生产车间修理用材料计入
  • 企业接受大额捐赠,可以分次确认收入缴纳企业所得税吗?
  • 居间合同怎么签才算有效
  • 现金银行存款日记账日清月结
  • 公司终止的时间是进行注销登记生效后
  • 其他应收款借方和贷方什么意思
  • 样品送出,不收款怎么做账?
  • 工资现金发放的零头入账
  • harmonyos2.0缺点
  • 如何更改windows11显示语言
  • window102020年最新版本
  • php readdir函数
  • nerosmartstart.exe - nerosmartstart是什么进程 作用是什么
  • 委托外部加工材料支付加工费计入
  • 水养绿萝怎么养护长得才茂盛
  • 私募股权基金备案流程
  • php文件用什么运行
  • 税率变更为13%的文件
  • 其他综合收益的构成项目如何
  • yolov4参数设置
  • Uncaught SyntaxError: Unexpected token '<' (at 报错
  • 进项税没入账补入账分录
  • 处置固定资产账务处理进什么科目
  • sql2008设置
  • 钢贸企业税收怎么算
  • 货物运输代理人
  • 建筑企业异地施工预缴企业所得税
  • mysql常用语
  • 企业贴现会计分录
  • 固定资产卡片账是什么
  • 小规模纳税人企业所得税2023
  • 一般纳税人条件要求2020
  • 长期股权投资被投资方实现净利润
  • 一般纳税人进销存怎么做
  • 税控盘全额抵扣怎么填申报表
  • 固定资产的后续支出应如何进行会计处理
  • 境外分回的股息在本国抵免限额怎么算
  • 免征的教育费附加怎么做账
  • 劳务派遣期限是什么意思
  • 施工期间水电费没有发票财务不给报销
  • linux系统tar命令
  • open bsd
  • win阅读软件
  • window 脚本
  • win7升级win10黑屏
  • 怎么取消桌面右下角图标隐藏
  • jquery 点击按钮
  • 高效的python
  • jquery点击切换背景颜色
  • 在python中的用法
  • shell脚本传参数给命令
  • unity shader cull off
  • jquery fadein不起作用
  • 跨浏览器插件
  • github docs
  • 山西省税务局投诉平台
  • 本年累计实际已预缴的所得税额怎么填
  • 印度有加入世贸吗
  • 手写发票属于增值税普通发票吗
  • 打税务局电话
  • 税控盘红字发票开具流程
  • 劳务报酬预缴税率表
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设