位置: 编程技术 - 正文

javascript闭包(Closure)用法实例简析(javascript闭包运行原理)

编辑:rootadmin

推荐整理分享javascript闭包(Closure)用法实例简析(javascript闭包运行原理),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript闭包的作用,javascript闭包的作用,javascript闭包运行原理,javascript闭包运行原理,javascript闭包的作用,Javascript闭包好处,Javascript闭包好处,javascript 闭包,内容如对您有帮助,希望把文章链接给更多的朋友!

本文实例讲述了javascript闭包(Closure)用法。分享给大家供大家参考,具体如下:

closure被翻译成“闭包”,感觉这东西被包装的太学术化。下面参考书本和网上资源简单探讨一下(理解不当之处务请留意)。

1、什么是闭包

官方的回答:所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。

看了上面的定义,如果你不是高手,我坚信你会和我一样愤怒的质问:这tmd是人话吗?要理解闭包,还是代码最有说服力啊,上代码:

上面代码中,注释已经写的清清楚楚。现在我们可以这么理解“闭包”:在函数体内定义另外的函数作为目标对象的方法函数(示例中就是在函数funcTest内定义另外的函数innerFuncTest作为funcTest的方法函数),而这个对象的方法函数反过来引用外层函数体中的临时变量(闭包是一种间接保持变量值的机制。示例中就是内部函数innerFuncTest引用外层函数funcTest的临时变量tmpNum,这里必须注意,临时变量可以包括外部函数中声明的所有局部变量、参数和声明的其他内部函数)。当其中一个这样的内部函数在包含它们的外部函数之外被调用时,就会形成闭包(示例中,调用函数的时候,myFuncTest实际调用的是innerFuncTest函数,也就是说funcTest的一个内部函数innerFuncTest在funcTest之外被调用,这时就创建了一个闭包)。

2、两个利用闭包的例子

下面举两个例子,一个是因为闭包导致了问题,而另一个则利用闭包巧妙地通过函数的作用域绑定参数。

这两个例子相关的HTML标记片断如下:

(1)、因闭包而导致问题

上面的HTML标记片断中有4个<a>元素,现在要给后三个指定事件处理程序,使它们在用户单击时报告自己在页面中的顺序,比如:当用户单击第2个链接时,报告“您单击的是第1个链接”。为此,如果编写下列为后三个链接添加事件处理程序的函数:

javascript闭包(Closure)用法实例简析(javascript闭包运行原理)

然后,在页面载入完成后(不然可能会报错)调用该函数:

看一下运行结果,此时单击后3个链接,会看到警告框中显示什么信息呢?——全都是“您单击的是第4个链接”。是不是令你感到十分意外?为什么?

分析:因为在badClosureExample()函数中指定给element.onclick的事件处理程序,也就是onclick那个匿名函数是在badClosureExample()函数运行完成后(用户单击链接时)才被调用的。而调用时,需要对变量i求值,解析程序首先会在事件处理程序内部查找,但i没有定义。然后,又到 badClosureExample()函数中查找,此时有定义,但i的值是4(只有i大于4才会停止执行for循环)。因此,就会取得该值——这正是闭包(匿名函数)要使用其外部函(badClosureExample)作用域中变量的结果。而且,这也是由于匿名函数本身无法传递参数(故而无法维护自己的作用域)造成的。

那么这个例子的问题怎么解决呢?其实方法有很多(自己不妨写一下看看),我认为比较简单直接的代码:

(2)、巧妙利用闭包绑定参数

还是上面的HTML片段,我们要在用户单击第一个链接时延时弹出一个警告框,怎么实现?答案是使用setTimeout()函数,这个函数会在指定的毫秒数之后调用一个函数,如:但问题是,无法给其中的someFunc函数传递参数。而使用闭包则可以轻松解决这个问题:

函数goodClosureExample用来返回一个匿名函数(闭包)。而我们可以通过为它传递参数来使返回的匿名函数绑定该参数,如:而此时,就可以将绑定了参数的good函数传递给setTimeout()实现延时警告了:最后,测试通过的完整代码:

3、javascript的垃圾回收原理

(1)、在javascript中,如果一个对象不再被引用,那么这个对象就会被GC回收;

(2)、如果两个对象互相引用,而不再被第3者所引用,那么这两个互相引用的对象也会被回收。

在js中使用闭包,往往会给javascript的垃圾回收器制造难题。尤其是遇到对象间复杂的循环引用时,垃圾回收的判断逻辑非常复杂,搞不好就有内存泄漏的危险,所以,慎用闭包。ms貌似已经不建议使用闭包了。

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

javascript针对cookie的基本操作实例详解 本文实例讲述了javascript针对cookie的基本操作。分享给大家供大家参考,具体如下:js被C#、JAVA等开发者视为声名狼藉的附属编程语言是有道理的,比如

Bootstrap每天必学之媒体对象 在Web页面或者说移动页面制作中,常常看到这样的效果,左边居左(或居右),内容居右(或居左)排列,如下图所示:我们常常把这样的效果称为媒

Bootstrap每天必学之面板 1、面板面板(Panels)是Bootstrap框架新增的一个组件,其主要作用就是用来处理一些其他组件无法完成的功能。同样在不同的版本中具有不同的源码:Less

标签: javascript闭包运行原理

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

上一篇:详解JavaScript的流程控制语句(javascript总结)

下一篇:javascript针对cookie的基本操作实例详解(javascript keyup)

  • 分公司和总公司不在一个区
  • 什么时候公司需要赔偿员工
  • 价税合计金额怎么算出税额
  • 公司提供住宿员工在外居住出现问题
  • 银行提备用金怎么提
  • 融资租赁租入设备
  • 企业所得税计算方法举例说明
  • 外商投资企业的组织形式,组织机构
  • 企业存货核算的内容包括
  • 职工在异地住院怎么报销
  • 外经证提交一般要多久可以通过
  • 普通发票红字冲销发票怎么操作
  • 民非企业购买低保政策
  • 已开票未收款怎么报税
  • 各部门发生的医保费用
  • 收回过去已确认的坏账
  • 电费专票抵扣需要发票吗
  • 营改增金融商品范围
  • 7月1日后通用机打发票纳税人识别号怎么填?
  • 为什么餐费不能计入在差旅费
  • 物流公司开票税率
  • 商业承兑汇票背书转让流程图
  • 个体户要申报
  • 出租不动产什么时候交税
  • 人均营收指标
  • 固定资产改造更新是否需要计提折旧
  • 小型微利企业的企业所得税优惠政策
  • 怎么写会计凭证
  • 技术咨询服务费计入什么科目
  • 建筑工程团体意外险
  • 债权转增资本公积账务处理
  • 清理c盘清理
  • 单位公车是什么意思
  • 支付代销手续费缴纳增值税吗
  • 出售短期债券投资发生的净损失计入哪里
  • 单用户结构是什么
  • php 操作mysql
  • 镶嵌在巨石之间的英文
  • php实现简单的登录验证
  • php 进程通信
  • Chrome谷歌浏览器网页
  • php怎么将数据库中的数据显示出来
  • nodejs安装及环境配置win7
  • 企业以前年度亏损不可以用什么弥补
  • 六款小巧的HTTP Server[C语言] 贵贵的博客 开发|架构|开源|共享
  • 增值税简易计税方法适用范围
  • 所有者权益总计是什么
  • 应付账款会计分录大全
  • 油票上没有公司名称可以报么
  • 二手车交易账务处理
  • 卸车费属于什么费用
  • sql server数据表
  • 内含报酬率的意义
  • 报废资产处置账务处理
  • 月末应交增值税借方余额期末该怎么处理
  • 出口退税申报需要手动录入什么信息呢
  • 政府代建工程
  • 待认证进项税怎么转出
  • 公司名下没有车可以办油卡吗
  • 印花税可以去地方申报吗
  • 企业购置软件的会计处理
  • 工程类发票账务后面需附什么单据呢
  • sqlserver聚集索引和非聚集索引会不会改变原Id
  • mysql 复制表结构并把满足条件的数据添加到新表
  • 怎么用手机号查快递
  • xp启动加速
  • 苹果官网
  • linux之间拷贝文件
  • rundll32exe应用程序错误
  • win7点开始一直跳闪
  • linux病毒排查
  • opengl获取鼠标位置
  • shell 数组变量
  • python中urllib.unquote乱码的原因与解决方法
  • pythonista pygame
  • JavaScript的Number对象的toString()方法
  • 发票查验结果怎么保存
  • 江西省发票查询系统
  • 内蒙古包头税务局客服电话
  • 90平房子税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设