位置: 编程技术 - 正文

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)

  • 个人所得税的会计科目
  • 应付账款应收账款
  • 取得的股息红利收入计入哪个科目
  • 买二手设备还需要备案吗
  • 母子公司固定资产交易
  • 小规模开普票一个季度不能超过多少钱是免税的
  • 注册资金印花税减半政策
  • 银行回单卡是什么卡
  • 以库存现金付讫
  • 发票属于什么凭证类型
  • 增值税普通发票可以抵扣吗
  • 商贸企业出口退税计算公式
  • 投资款转为借款需要哪些证据
  • 调增企业所得税怎么算
  • 交通费补贴报销的会计分录怎么做?
  • 收到促销商品怎么做分录
  • 土地证是商业用地
  • 电子钥匙续费能退款吗
  • 主营业务收入包含消费税吗
  • 外购产品用于赠送帐务处理
  • 普通发票单张限额
  • 商品返点收入账务处理
  • window10开始菜单
  • 腾讯电脑管家病毒库更新
  • springboot上传文件大小设置
  • 现金流量科目怎么设置
  • 股票公允价值变动怎么算
  • hhcol.exe
  • 股东分红会计分录摘要
  • php数组求最大值
  • 豁免债权如何做账
  • 全同态加密代码
  • 工业企业采购部工资计入什么科目
  • 买货没发票如何入账?
  • 如何网上添加办税员上海
  • 大额的维修费用怎么摊销
  • 对公账户名称可以是个人名字吗
  • 帝国cms使用手册
  • node.js入门教程
  • mongodb分页查询count太慢
  • 购买方享受的现金折扣
  • 如何做固定资产的台账
  • 资产减值损失借方余额在利润表怎么填列
  • 投资公司和控股公司关系
  • sql server2000中事务的类型有
  • sql行列转换结果保存为新表
  • 可以直接申请一个微信吗
  • 什么叫生活补助
  • 可明确区分的商品什么意思
  • 服务行业人工费一般控制在多少合适
  • 展厅租赁税率
  • 人工费用和管理费用比例
  • 收到固定资产发票怎么入账
  • 描述企业会计准则中对固定资产的具体规定
  • 新手学会计怎么学
  • 所附原始凭证的作用是
  • linux系统中的用户大体可分为三组
  • windows2003怎么样
  • u盘ghost装机
  • win10一天更新几次
  • centos 安装源设置出错
  • win10升级后无法进入系统一直重启
  • 番茄花园论坛
  • win8怎么打开蓝牙设置
  • 凭据管理器 win10
  • win8的系统
  • 有usb3.0驱动的win7
  • nodejs使用视频教程
  • jquery通过扩展select控件实现支持enter或focus选择的方法
  • ObjectAnimator Demo
  • 2014年最火的英文歌
  • javascript数学函数
  • bat批处理的if里面双感叹号
  • 2020 unity
  • shell动态显示
  • android自定义listview
  • jquery 图片裁剪
  • Android Design Support Library
  • 国家税务局网上电子税务局官网天津
  • 多交了个人所得税怎么算
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设