位置: 编程技术 - 正文

全面理解JavaScript中的闭包(全面理解全面把握全面落实)

编辑:rootadmin

推荐整理分享全面理解JavaScript中的闭包(全面理解全面把握全面落实),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:全面理解中国式现代化的本质要求,全面理解和准确把握新时代党的建设总要求心得体会,全面理解javascript,全面理解中国式现代化的本质要求,全面理解和把握新发展理念,全面理解全面把握全面落实,全面理解全面把握全面落实,全面理解和准确把握关于作风建设的重要精神心得体会,内容如对您有帮助,希望把文章链接给更多的朋友!

引子

闭包是有权访问另一个函数作用域中的变量的函数。闭包是javascript中很难理解的部分,很多高级的应用都依靠闭包来实现的,我们先来看下面的一个例子:

上面代码,根据变量的作用域,函数outer中所有的局部变量,对函数inner都是可见的;函数inner中的局部变量,在函数inner外是不可见的,所以在函数inner外是无法读取函数inner的局部变量的。

既然函数inner可以读取函数outer的局部变量,那么只要将inner作为返会值,就可以直接在ouer外部读取inner的局部变量。

这个函数有两个特点:

函数inner嵌套在函数ouer内部; 函数outer返回函数inner。

这样执行完var rs = outer()后,实际rs指向了函数inner。这段代码其实就是一个闭包。也就是说当函数outer内的函数inner被函数outer外的一个变量引用的时候,就创建了一个闭包。

作用域简单的说,作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。在JavaScript中,变量的作用域有全局作用域和局部作用域两种。

全局作用域

以上三个对象num1,num2和fun1均是全局作用域,这里要注意的是末定义直接赋值的变量自动声明为拥有全局作用域;

局部作用域

作用域链Javascript中一切皆对象,这些对象有一个[[Scope]]属性,该属性包含了函数被创建的作用域中对象的集合,这个集合被称为函数的作用域链(Scope Chain),它决定了哪些数据能被函数访问。

当函数创建的时候,它的[[scope]]属性自动添加好全局作用域

当函数调用的时候,会创建一个称为运行期上下文(execution context)的内部对象,z这个对象定义了函数执行时的环境。它也有自己的作用域链,用于标识符解析,而它的作用域链初始化为当前运行函数的[[Scope]]所包含的对象。

在函数执行过程中,每遇到一个变量,都会经历一次标识符解析过程以决定从哪里获取和存储数据。该过程从作用域链头部,也就是从活动对象开始搜索,查找同名的标识符,如果找到了就使用这个标识符对应的变量,如果没找到继续搜索作用域链中的下一个对象,如果搜索完所有对象(最后一个为全局对象)都未找到,则认为该标识符未定义。

闭包闭包简单来说就是一个函数访问了它的外部变量。

status保存在quo中,它返回了一个对象,这个对象里的方法getStatus引用了这个status变量,即getStatus函数访问它的外部变量status;

假如并没有getStatus这个方法,那么quo('sting')结束后,status自动被回收,正是因为返回的匿名对象被一个全局对象引用,那么这个匿名对象又依赖于status,所以会阻止status的释放。

例子:

全面理解JavaScript中的闭包(全面理解全面把握全面落实)

匿名函数创建了一个闭包,那么其访问的i是外部test函数中的i,所以每一个节点实际上引用的是同一个i。

每一个节点绑定了一个事件,这个事件接收一个参数,并且立即运行,传入i,因为是按值传递的,所以每一次循环都会为当前i产生一个新的备份。

闭包的作用

上面的代码中,rs是闭包inner函数。rs共运行了三次,第一次,第二次,第三次,这说明在函数outer中的局部变量i一直保存在内存中,并没有在调用自动清除。

闭包的作用就是在outer执行完毕并返回后,闭包使javascript的垃圾回收机制(grabage collection)不会回收outer所占的内存,因为outer的内部函数inner的执行要依赖outer中的变量。(另一种解释:outer是inner的父函数,inner被赋给了一个全局变量,导致inner会一直在内存中,而inner的存在依赖于outer,因些outer也始终于在内存中,不会在调用结束后被垃圾收集回收)。

闭包有权访问函数内部的所有变量。当函数返回一个闭包时,这个函数的作用域将会一直在内存中保存到闭包不存在为止。

闭包与变量

由于作用域链的机制,闭包只能取得包含函数中任何变量的最后一个值。看下面例子:

函数会返回一个数组,表面上看,似乎每个函数都应该返回自己的索引值,实际上,每个函数都返回,这是因为第个函数的作用域链上都保存着函数f的活动对象,它们引用的都是同一变量i。当函数f返回后,变量i的值为,此时每个函数都保存着变量i的同一个变量对象。我们可以通过创建另一个匿名函数来强制让闭包的行为符合预期。

这个版本中,我们没有直接将闭包赋值给数组,而是定义了一个匿名函数,并将立即执行匿名函数的结果赋值给数组。这里匿名函数有一个参数num,在调用每个函数时,我们传入变量i,由于参数是按值传递的,所以就会将变量i复制给参数num。而在这个匿名函数内部,又创建了并返回了一个访问num的闭包,这样,rs数组中每个函数都有自己num变量的一个副本,因此就可以返回不同的数值了。

闭包中的this对象

内存泄露

以上代码创建了作为el元素事件处理程序的闭包,而这个闭包又创建了一个循环引用,只要匿名函数存在,el的引用数至少为1,因些它所占用的内存就永完不会被回收。

把变量el设置null能够解除DOM对象的引用,确保正常回收其占用内存。

模仿块级作用域

任何一对花括号({和})中的语句集都属于一个块,在这之中定义的所有变量在代码块外都是不可见的,我们称之为块级作用域。

闭包的应用

保护函数内的变量安全。如前面的例子,函数outer中i只有函数inner才能访问,而无法通过其他途径访问到,因此保护了i的安全性。在内存中维持一个变量。如前面的例子,由于闭包,函数outer中i的一直存在于内存中,因此每次执行rs(),都会给i加1。

浅析JS操作DOM的一些常用方法 getElementById():获取有指定惟一ID属性值文档中的元素getElementsByName(name):返回的是数组getElementsByTagName():返回具有指定标签名的元素子元素集合getAttribute():

JavaScript String 对象常用方法详解 字符串是不可变的。字符串方法,不会改变原有字符串的内容,而是返回一个新字符串。charAt():返回在指定位置的字符。concat():连接两个字符串文本

浅析js绑定事件的常用方法 浅析js绑定事件的常用方法xmlversion="1.0"encoding="UTF-8"!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""

标签: 全面理解全面把握全面落实

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

上一篇:JS创建事件的三种方法(实例代码)(js中事件的三要素)

下一篇:浅析JS操作DOM的一些常用方法(js domcontentloaded)

  • 企业所得税季度申报表怎么填
  • 非货币性资产交换补价大于25%的会计处理
  • 递延收益所得税负债
  • 借款合同印花税怎么申报
  • 财务报表是什么意思
  • 企业中征码全称
  • 公司员工住宿费怎么入账
  • 机票报销需要什么单据
  • 小规模个人所得税怎么申报
  • 物流公司赔付款会计分录
  • 房地产预收账款是什么
  • 出口退税代理费用大概多少
  • 增值税发票退票时间
  • 三证合一地税号查询
  • 代销商品
  • 物业公司营改增后收入的确认
  • 什么是往来科目
  • 商品赠送的内账怎么做账
  • 财务费用错记制造费用
  • 个税如何绑定新公司
  • win11耳机插电脑没声音怎么办
  • uniapp微信小程序支付流程
  • linux vim
  • 实收资本没到位会计怎么处理
  • 小规模企业有收入吗
  • 无限极分类mysql
  • SCP远程VPS快速搬家和WDCP升级php5.3安装memcached和eaccelerator教程
  • php中常量与变量的区别
  • 建筑业预缴增值税
  • 非居民纳税人可以做汇算清缴吗
  • 增值税加计扣除最新政策
  • 进出口公司如何做账
  • php 加密
  • Joomla简单判断用户是否登录的方法
  • 民办非盈利组织税收政策
  • 收到退回的以前年度的劳务费怎么入账
  • 谷歌插件下载网址
  • 关税计入纳税总额么
  • reorg table 命令
  • discuz论坛账号
  • 土地开发是什么
  • 应收账款出售给银行账务处理
  • SQL Server 2016的数据库对象有那些?
  • 进料加工保税是什么意思
  • sqlserver2008数据迁移
  • mysql错误代码1067
  • 视同销售是指什么?
  • 公司收到服务费要交哪些税
  • 建安企业无收入证明模板
  • 资产负债表金额的来源一般是
  • 应纳税额与应纳所得额
  • 科目余额表没有本年累计怎么办
  • 员工预支工资可以从工资里扣吗
  • 房地产企业增值税计算
  • 销售折让的会计分录
  • 会计什么情况下不用继续教育
  • mysql group_concat()函数用法总结
  • VMWare linux mysql 5.7.13安装配置教程
  • 如何解决cpu超频问题
  • macos dock栏
  • winxp共享文件
  • macbook的dock栏怎么不见了
  • mac与windows的使用区别
  • 苹果官网入口
  • pqinit.exe - pqinit是什么进程 有什么用
  • win8禁用网络之后如何开启
  • cocos2dx游戏开发进阶卷这本书怎么样
  • node.js底层原理
  • css模糊滤镜
  • Node.js中的事件循环是什么
  • linux反弹shell方法
  • [置顶]津鱼.我爱你
  • js前端搜索功能
  • android studio i使用
  • 如何使用jquery设置一个属性值
  • domcer下载
  • js 类继承
  • jquery访问本地html
  • 衡水市地税局
  • 东莞医保缴费凭证怎么下载
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设