位置: 编程技术 - 正文

JavaScript基础篇(6)之函数表达式闭包(javascript入门基础)

编辑:rootadmin

推荐整理分享JavaScript基础篇(6)之函数表达式闭包(javascript入门基础),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript零基础,javascript基础入门教程,javascript零基础,javascript零基础,javascript 基础,javascript教程chm,javascript基础编程,javascript基础入门视频教程,内容如对您有帮助,希望把文章链接给更多的朋友!

其实js支持函数闭包的主要原因是因为js需要函数能够保存数据。这里的保存数据是只函数在运行结束以后函数内变量的值也会进行保存。至于为什么js需要在函数内可以保存数据,那就是js是一种函数式语言。在函数内保存数据是函数式语言的一大特征。

回顾前面介绍过的三种定义函数方式

functiosu(numnumreturnunum//函数声明语法定义vasufunction(numnum)returnunum}//函数表达式定义vasuneFunction("num""num""returnunum")//Functio构造函数

在分析闭包之前我们先来看看,定义和调用函数容易犯的错误。

例1:

例2:

例3:

在例1中,我们不能在使用函数声明式语法定义之前调用函数。解决方案:

1.如果使用函数表达式定义函数的话,需要在表达式定义后调用。

2.使用函数声明式。(这里浏览器引擎会 函数声明提升, 在所有代码执行之前先读取函数声明)

在例2中,我们预期的结果应该是打印1,实际结果是打印2。

为什么会这样?正因为 函数声明提升 ,所以浏览器在预解析的时候不会判断if条件,直接解析第二个函数定义的时候覆盖了第一个。

解决方案:

在例3中,发现只能只用fun1()调用,而不能使用fun2()调用。

我自己的理解,真正原因不知道。没找到资料。

因为1: function fun3() { }; 等效与 var fun3 = function fun3() { }; 如图:

所以只能只用fun1()调用,而不能使用fun2()调用。

其实这里我还是有疑问的?哪位大神知道,望告知。

既然,fun2在外面不能调用为什么在函数内部能调用?虽然在debugger还是得不到fun1。

JavaScript基础篇(6)之函数表达式闭包(javascript入门基础)

好了,通过上面的三道题目热身。我们继续今天的主题“闭包”。

1.什么是闭包?

定义:就是有权访问另一个函数作用域的变量的函数

我们先从一个示例函数开始:

例1:

例2:

例3:

显然,滥用闭包会增大内存的使用。所以非特殊情况尽量不要使用闭包。如果用到了,记得手动设置空引用,内存才能被回收 f = null ;

图解:(不了解作用域链的同学请先看前面的文章 作用域和作用域链 )

2.什么是匿名函数? (仅仅只是解释这个概念)

如:(即,没有名字的函数)

关于对象中函数的返回值是匿名函数时,this的怪异现象

讲解之前,先清醒下头脑,不要越看越迷糊了。如果迷糊了,那就直接忽略下面的。

obj.fun2();//打印结果"李四"意料之中的。obj.fun3()();//因为这里返回的是一个函数,所以要再加一对()来调用。打印结果是"张三",意料之外。//真是百事不得其解啊,什么this指向了全局?我们前面讲过“ 哪个对象点出来的方法,this就是哪个对象 ”,那我们的 obj.fun3()() 打印的是“张三”也就是说this执行了全局作用域。

我们看看下面的示例也许就知道为什么了。

我们来分解下 obj.fun3()() 先是 obj.fun3() 返回一个匿名函数到了window作用域,然后接着调用this就指向了window了。( 感觉解释有点勉强,也不知道对不,暂时自己先是这么理解的 )

闭包形成的原因:内存释放问题

一般,当函数执行完毕后,局部活动对象会被销毁,内存中仅保存全局作用域,但闭包的情况是不一样的。

闭包的活动对象依然会保存在内存中,于是像上例中,函数调用返回后,变量i是属于活动对象里面的,就是说其栈区还没有释放,但你调用c()的时候i变量保存的作用域链从b()->a()->全局去寻找作用域var i声明所在,然后找到了var i=1;然后在闭包内++i;结果,最后输出的值就是2了;

以上所述是小编给大家分享的JavaScript基础篇(6)之函数表达式闭包,希望大家喜欢。

JavaScript匿名函数之模仿块级作用域 匿名函数函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途。匿名函数:就是没有函数名的函数。函数的定义,首先简单介绍一下函

javascript性能优化之事件委托实例详解 本文实例分析了javascript性能优化之事件委托。分享给大家供大家参考,具体如下:为下面每个LI绑定一个click事件ulid="myLinks"liid="goSomewhere"Gosomewhere/liliid=

JavaScript文档碎片操作实例分析 本文实例分析了JavaScript文档碎片操作方法。分享给大家供大家参考,具体如下:使用文档碎片在某些情况下可以提高页面效率。javascript操作dom是一个很

标签: javascript入门基础

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

上一篇:Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)(express 前后端分离)

下一篇:JavaScript匿名函数之模仿块级作用域(javascript中的匿名函数)

  • 个人应纳税所得额20万交多少税
  • 公司房屋修缮账务流程
  • 应付账款里的暂估
  • 小规模纳税人滚动累计
  • 小规模纳税人交印花税吗
  • 以房屋抵顶的工程叫什么
  • 所得税费用和应交税费的关系
  • 医院 科室承包
  • 企业拆迁安置房能买吗
  • 提取公积金收费比例
  • 预付绩效工资是什么意思
  • 防洪费怎么申报
  • 税务行政复议范围不包括
  • 小规模 开增值税
  • 专项资金怎么入账
  • 农业企业销售林木违法吗
  • 什么企业做汇算清缴报告
  • 进口原木的增值税率
  • 进口货物有进项税吗
  • 营业外支出汇算清缴调增填哪
  • 没有收入能结转损益吗
  • 电脑开wifi给手机用好吗
  • 公司收到保险公司退保费怎么账务处理
  • 民间借贷以工资抵押的案例
  • tkinter美观界面
  • 事业单位需要交企业所得税吗
  • 只有收据没有发票可以保修吗
  • 银行本票存款和银行存款的区别
  • wordpress使用
  • 自产产品对外捐赠销项税额怎么计算
  • 怎样创建一个网站
  • vue.3
  • 毕业设计教程
  • 高新技术研发的重要性
  • 保险业务手续费
  • 外单位替本单位缴纳医保
  • 长期待摊费用的最新账务处理
  • 购礼品送客户的文案
  • 税控盘技术服务费抵扣期限
  • 资产总额是指营业收入和营业支出吗
  • SQL server 2008中的数据库能否只包含数据文件
  • mysql配置文件my.ini如何配置
  • 房地产企业建成后先出租的房地产
  • 发票税率开错了3%开成5%怎么办?
  • 收到项目资本金入什么科目
  • 企业接受捐赠增值税处理
  • 固定资产费用化有什么影响
  • 企业出现销售折扣的原因
  • 什么是保函保证金
  • 职工福利费相关文件有哪些
  • 其他应付款贷方正数表示什么意思
  • 企业代扣代缴哪些费用
  • 合伙企业是如何成立的
  • 冲销以前年度多计提的折旧
  • 高新技术企业享受优惠时间
  • macos finder的应用程序列表在哪里
  • linux命令合集
  • nfs安装配置
  • wingate.exe - wingate是什么进程
  • win8应用显示错误
  • linux grub2
  • windows10计划任务文件在哪
  • 电脑系统管理员已阻止这个应用怎么办
  • windows8进入桌面
  • win10系统更新后网速变慢
  • win7无法保存对权限所作的更改
  • Tutorial 7 Rotation Transformation
  • nodejs连接sqlserver数据库
  • javascript常用语法
  • 详细介绍8款超跑车
  • socketdescriptor
  • cocos lua调试
  • python 转义字符处理
  • js常用方法总结
  • select ui
  • ndk调用so
  • 进一步深造是什么意思
  • 一般纳税人开具的增值税普通发票和专用发票的区别
  • 查册证明怎么自动生成
  • 深圳机打发票查询
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设