JavaScript之闭包就是个子公司
在计算机科学中,闭包(Closure)是词法闭包(Lexical Closure)的简称,是引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在,即使已经离开了创造它的环境也不例外。所以,有另一种说法认为闭包是由函数和与其相关的引用环境组合而成的实体。 --- 维基百科
一个公司会有自己的房子【一个函数有自己的作用域】。
公司会接收一些原料,进行一些处理,也会返回一些东西。【函数接收参数,进行处理,会有返回值】
外面的东西,是大家公有的,所以在公司内部也能用外面的东西。【函数内部能访问全局变量】
房子内的东西是公司自己的。只能在公司内使用,外面看不到也用不了。【局部变量是函数私有的,只能在函数内使用,外部无法访问】
公司里面可以开一些实验室,这个实验室是公司内部的,所以也可以使用公司内部的设备。【在函数A内部定义的函数B,可以访问函数A的局部变量】
一个公司完成其历史使命后,就没用了,会被拆迁,里面的私有的设备也会消失。【函数执行完后,会被GC回收,里面的局部变量也会消亡】
目前为止一切都看起来很正常,那么重点来了,如果公司最后给出的不是产品,而是把内部实验室丢出来成为另一个公司呢,会怎么样?
答案就是这个公司还是会被拆迁,但那些子公司需要用到的设备却不会被回收,因为子公司还需要。于是,这个子公司就是闭包,它在原来的公司倒闭前跑出来了,继续存活,还在原来公司的私有设备上贴了个标签说”这个设备我还要用,你把原公司的其他东西回收就好,这个不要回收掉”,于是拆迁大队GC就不会回收这个设备。
于是我们就实现了,在某公司倒闭后还能使用其设备。【在函数运行完后,还能通过某种方式访问它的局部变量,函数结束了,但局部变量还在,闭包的效果出现了】
也就是【闭包会使变量始终保存在内存中】或者说【闭包是由函数和与其相关的引用环境组合而成的实体】
注意事项
在一个公司内部创建十个子公司的时候,这些子公司只会在现有的设备上贴标签,也就是十个子公司会共享一个设备
像这样
for(var i = 0; i < 10; i++) {
setTimeout(function() {
console.log(i);
}, 1000);
}
结果就会输出10个10,而不是0-9。
就好比公司有个黑板i。
在黑板i写上0,然后创立一个内部的公司,让它在明天把这个黑板上写的东西发出去。
将黑板i上的0改成1,然后再创立一个内部的公司,让它在明天把这个黑板上写的东西发出去。
黑板i上的1改成2,然后再创立一个内部的公司,让它在明天把这个黑板上写的东西发出去。
……
一共创立了十个公司。
然后公司消亡了,但黑板i被留了下来,因为还有十个子公司还要用。
明天到了,十个子公司都去看黑板i,上面写了个“10”,于是他们都向外发出了 “10”。
所以怎么做呢
for(var i = 0; i < 10; i++) {
(function(e) {
setTimeout(function() {
console.log(e);
}, 1000);
})(i);
}
这样就不同了,每个子公司都有自己的黑板“e“(当然可以把子公司的黑板也命名为i,一样能用,就是看起来比较蛋疼)。
创立的时候就把公司的黑板i上的东西抄到自己的黑板上,等待明天发布。
于是十个子公司,都有自己的黑板,黑板上分别是他们创立的时候的黑板i上的内容,即使后面黑板i的内容变化了,但已经创立的子公司不会去管,他只管自己家的黑板e。
明天到了,十个子公司都发布了自家黑板e上的内容,也就是0-9,没人再去管原来的黑板i了。
差不多就是这样,更具体可以看详解js闭包 和 mozilla的闭包教程,这是讲得比较好的两篇。
我也是才开始学JavaScript,有什么理解错的,欢迎指出。
JavaScript之闭包就是个子公司的更多相关文章
- javascript中用闭包递归遍历树状数组
做公司项目时,要求写一个方法,方法的参数为一个菜单数组集合和一个菜单id,菜单数组的格式为树状json,如下面所示: [{"id":28,"text":&quo ...
- JavaScript(8)--- 闭包
JavaScript(8)--- 闭包 理解闭包 我的理解是:闭包就是能够读取其他函数内部变量的函数.由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以简单这样理解 &q ...
- 深入理解JavaScript的闭包特性如何给循环中的对象添加事件
初学者经常碰到的,即获取HTML元素集合,循环给元素添加事件.在事件响应函数中(event handler)获取对应的索引.但每次获取的都是最后一次循环的索引.原因是初学者并未理解JavaScript ...
- JavaScript作用域闭包简述
JavaScript作用域闭包简述 作用域 技术一般水平有限,有什么错的地方,望大家指正. 作用域就是变量起作用的范围.作用域包括全局作用域,函数作用域以块级作用域,ES6中的let和const可以形 ...
- JavaScript的闭包原理
什么是js(JavaScript)的闭包原理,有什么作用? 一.定义 官方解释:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分. 个人的理解是 ...
- Js(javaScript)的闭包原理
问题?什么是js(javaScript)的闭包原理,有什么作用? 一.定义 官方解释:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分. 小编 ...
- 深入理解javascript的闭包
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域 ...
- 如何给循环中的对象添加事件--深入理解JavaScript的闭包特性
初学者经常碰到的,即获取HTML元素集合,循环给元素添加事件.在事件响应函数中(event handler)获取对应的索引.但每次获取的都是最后一次循环的索引.原因是初学者并未理解JavaScript ...
- javascript,jquery(闭包概念)(转)
偶尔听人说javascript闭包,让我联想起以前学编译原理和数字逻辑里讲的闭包,以前上课讲的闭包很难懂,而且含有递归的意思在里面,现在不想再查看里面的闭包概念. 但javascript我是经常要用, ...
随机推荐
- 微信安卓版下载 Android微信各版本列表
前面ytkah弄了一个iso微信各版本列表,现在就来整一个微信 for Android各版本列表,方便大伙下载.每个版本都放出一些新的功能或修复相关错误,详情可以点击下面的版本链接进行查看.资源收集于 ...
- PHP获取指定月份的第一天开始和最后一天结束的时间戳函数
<?php /** * 获取指定月份的第一天开始和最后一天结束的时间戳 * * @param int $y 年份 $m 月份 * @return array(本月开始时间,本月结束时间) */ ...
- Linux启动过程详解(inittab、rc.sysinit、rcX.d、rc.local)
启动第一步--加载BIOS 当你打开计算机电源,计算机会首先加载BIOS信息,BIOS信息是如此的重要,以至于计算机必须在最开始就找到它.这是因为BIOS中包含了CPU的相关信息.设备启动顺序信息.硬 ...
- 四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth 的解释差异
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...
- 摄像头视频捕捉(简单通用--通过IsampleGrabberCB实现)
前言 DirectShow是微软公司提供的一套在Windows平台上进行流媒体处理的开发包,与DirectX开发包一起发布.DirectShow为多媒体流的捕捉和回放提供了强有力的支持.用Direct ...
- 如何在github下载开源项目到本地(Coding iOS 客户端为例)
一.前言 以 Coding iOS 客户端 为例讲解如何在github下载开源项目到本地 github地址:https://github.com/Coding/Coding-iOS 二.分析 根据项目 ...
- wow经典台词
永恒岛,磐皂在玄牛上场时喊:你能否独立山巅,任由风霜侵袭,直至沧海变为桑田,高山沉入海底?风刀霜剑,四面受敌.不动如山,亘古不移. 巫妖王:当一切结束,你会跪求我的宽恕...而我,会拒绝你! 伊利丹: ...
- Intent之复杂数据的传递
想在两个Activity之间传递一个对象Result,在网上差了很多,都需要序列化或者时下Paracelable,等等,试了很多都不行. 后来才制单,这个Result,根本不需要集成Sereriabl ...
- JS回调函数全解析教程
转自:http://blog.csdn.net/lulei9876/article/details/8494337 自学jQuery的时候,看到一英文词(Callback),顿时背部隐隐冒冷汗.迅速g ...
- 在 windows 环境下安装 redislive
这是一篇在 windows 环境下安装 redislive 的教程! 项目地址:https://github.com/nkrode/RedisLive 配置文档:http://www.nkrode.c ...