java 闭包_公司新来的女实习生问我什么是闭包?

c803989222fc04d551ed4a7e29f669de.png

作者:霍语佳

来源:前端食堂

d4c30d73f48e3ad0d057f729261c5c7f.gif

观感度:?????

口味:冰镇西瓜

烹饪时间:20min

撩妹守则第一条,女孩子都喜欢童话故事。

那就先来讲一个童话故事~

// 有一个公主// 她生活在一个充满冒险的奇妙世界里// 她遇见了她的白马王子,带着她骑着独角兽环游世界// 与龙搏斗,遇到了会说话的松鼠,以及许多其他幻想的事情。function princess () {    var adventrures = [];    function princeCharming () {};    var unicorn = {};    var dragons = [];    var squirrel = "Hello!";    // 但她不得不回到她那充满家务和大人们的单调世界。    return {    // 她经常给身边的人讲她作为一个公主的奇妙经历。      story:function () {          return adventures[adventures.length - 1];      }    }}// 但他们看到的只是一个小女孩在讲述关于魔法和幻想的故事var littleGril = princess();littleGril.story();// 即使大人们知道她是真正的公主,他们也不会相信所谓的独角兽或龙,因为他们永远看不到它们// 大人们说它们只存在于小女孩的想象中// 但我们知道真正的真理// 里面的小女孩真的是个公主

这个故事来自于stackoverflow的一则回答

stackoverflow的一则回答

https://stackoverflow.com/questions/111102/how-do-javascript-closures-work/111111#111111

看不懂没关系,等阅读完本文后,回头再来看这个故事,你会发现你已经完全了解了我的魅力,咳咳@¥%#…………JavaScript中闭包的魅力。

fa413f9bdb683dbe085d98ef3420160d.png

1

 什么是闭包?

当函数可以记住并访问所在的词法作用域时,就产生了闭包,即使函数是在当前词法作用域之外执行。    --- 你不知道的JavaScript(上卷)

来个?

function demo() {    var a = 1;    return function () {        return a;     }}var a = demo();console.log(a());  // 1

2

 闭包的构成

闭包由两部分构成:函数,以及创建该函数的环境。

环境由闭包创建时在作用域中的任何局部变量组成。

3

 闭包的本质

闭包其实是JavaScript函数作用域的副作用产品。

闭包是一种特殊的对象。

所谓有意栽花花不开,无心插柳柳成荫,不是JavaScript故意要使用闭包,而是由于JavaScript的函数内部可以使用函数外部的变量,这段代码又刚刚好符合闭包的定义。

3702d20fd128a4f8b7a1bcbc3d89977c.png

在JavaScript中,外部函数调用之后其变量对象本应该被销毁,但闭包阻止了它们的销毁,我们仍然可以访问外部函数的变量对象。

进一步的说,通常情况下,函数的作用域及其所有变量都会在函数执行结束后被销毁。但是,如果创建了一个闭包的话,这个函数的作用域就会一直保存到闭包不存在为止。

function addCalculator (x) {    return function (y) {        return x + y;    }}var add1 = addCalculator(1);console.log(add1(1)); //2// 释放对闭包的引用add1 = null;console.log(add1(1)); //Uncaught TypeError: add1 is not a function

4

 闭包的应用

我们可以用闭包来做什么呢?

了解Java的同学可能知道,Java是支持私有方法的,私有方法只能被一个类中的其他方法所调用,但是JavaScript没有提供这种原生支持,所以我们可以通过闭包来模拟私有方法。

私有方法自然有私有方法的好处,私有方法有利于限制对代码的访问,而且可以避免非核心的方法干扰代码的公共接口,减少全局污染。

来个?

var calculator = (function(){    var a = 1;    function addCalculator(val){        a += val    }    return {        add1:function() {            addCalculator(1);        },        add2:function() {            addCalculator(2);        },        result:function() {            return a        }    }})();console.log(calculator.result());  // 1calculator.add1();console.log(calculator.result());  // 2calculator.add2();console.log(calculator.result());  // 4

上面这种方式也叫做模块模式(module pattern)。

5

 使用闭包的注意事项

内存泄漏

因为闭包可以使函数中的变量都保存在内存中,造成很大的内存消耗,所以如果不是某些特定的任务需要使用闭包,我们不要滥用它。

很多博客中都提到了这一点,但是其实都是不完全对的。

敲黑板!!!

使用不当的闭包会在IE(IE9)之前造成内存泄漏问题。因为它的JavaScript引擎使用的垃圾回收算法是引用计数法,对于循环引用将会导致GC(下文会介绍)无法回收垃圾。

关于各个浏览器的闭包测试,详情请见:

司徒正美-js闭包测试

https://www.cnblogs.com/rubylouvre/p/3345294.html

6

 垃圾回收机制

都9102年了,全国开始实行垃圾分类了,你居然还不知道垃圾回收机制,赶快来补习一下!

04a2ab5f62c3d2b10edc97417b346b3e.png

垃圾回收也就是GC(Garbage Collection)

GC把程序不用的内存空间视为垃圾,找到它们并且将它们回收,让程序员可以再次利用这部分空间。

不是所有的语言都有GC,一般存在于高级语言中,如Java、JavaScript、Python。那么在没有GC的世界里,程序员就比较辛苦,只能手动去管理内存,比如在C语言中我们可以通过malloc/free,在C++中的new/delete来进行管理。

7

 垃圾回收算法

因为这一部分的内容很多,本文只进行简单的讲解,如果想深入了解垃圾回收算法的同学可以在文末获取学习资料。

GC标记-清除算法

世界上首个值得纪念的GC算法是GC标记-清除算法。因为自其问世以来,一直到半个世纪后的今天,它依然是各种处理程序所用的伟大的算法。

GC标记-清除算法由标记阶段和清除阶段构成,标记阶段将所有的活动对象做上相应的标记,清除阶段把那些没有标记的对象,也就是非活动对象进行回收。在搜索对象并进行标记的时候使用了深度优先搜索,尽可能的从深度上搜索树形结构。

优点:

1.算法简单,实现容易。

2.与保守式的GC算法兼容。

缺点:

1.在使用过程中会出现碎片化的情况,如同Windows的文件系统一样,导致无数的小分块散布在堆的各个地方。

2.分配速度,由于分块的不连续性,算法每次分配的时候都需要遍历空闲链表为了找到足够大的分块,这样最糟糕的情况就是遍历到最后才找到合适的分块,影响了分配速度。

引用计数法

这种方法中引入了计数器的概念,通过计数器来表示对象的“人气指数”,也就是有多少个程序引用了这个对象。当计数器(引用数)为0时,垃圾立刻被回收。

优点:

1.可以立即回收垃圾。

2.最大暂停的时间短。

3.并且没有必要沿指针查找。

缺点:

1.上文提到过的循环引用无法回收。

2.并且实现起来很复杂。

3.计数器值的增减处理十分繁重。

4.同时计数器需要占很多位,导致内存空间的使用效率大大降低。

软件工程没有银弹,这些缺点也都有相应的办法进行解决,如果你想深入了解垃圾回收算法,可以购买这本书去看,建议支持正版。

垃圾回收的算法与实现

https://book.douban.com/subject/26821357/https://book.douban.com/subject/26821357/

6c791b10cfd6acdf47e1902b34e17323.png


f68cfc03a1389cd56c5f56384b263ec0.gif

● 程序员相亲图鉴,太真实了!

● Vue3的到来,是不是意味着不学TypeScript不行了?

● 从小白到全栈CTO,十年经验分享给大家

● 根据Git推算程序员大佬作息:同样是熬夜,为什么他发量那么多?

944d542ce3446fa93e3bebbf9048b1fe.png

25a18568d3d1f79a7a4f07816e16df08.gif

Tips:

# 点下“在看”❤️

# 然后,留个言踩个楼?每月留言精选前五将有好礼相送哦3c6e3c97118997a19eb0de5f4d2adfe8.png

# 开奖日期:11月1号,奖品是精挑细选的技术书籍/专栏or慕课网精美周边

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/245974.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java org.apache.http_org.apache.http jar包下载-org.apache.http.jar包下载 --pc6下载站

org.apache.http.jar包是一款十分常用的jar包如果没有org.apache.http.jar包Apache与http的链接将会出现错误等现象马上下载org.apache.http.jar包。。相关软件软件大小版本说明下载地址org.apache.http.jar包是一款十分常用的jar包,如果没有org.apache.http.jar包,Apache与htt…

网络连接异常、网站服务器失去响应_网站常见故障解决办法

网站在运行过程中,常常遇到各种服务器问题,虽然有服务器厂商的维护,但是往往耗时耗工小编对常见的服务器问题,进行了归纳整理,下面跟各位分享一下。常见故障分析一、恶意攻击在我平时管理网站时,可能会遭到…

python3 sleep 并发_python异步编程之asyncio(百万并发)

点击上方蓝字关注我们目录[python 异步编程之 asyncio(百万并发)]一、asyncio二、aiohttp前言:python 由于 GIL(全局锁)的存在,不能发挥多核的优势,其性能一直饱受诟病。然而在 IO 密集型的网络编程里,异步处理比同步处理能提升成…

【Spring实战】02 配置多数据源

文章目录 1. 配置数据源信息2. 创建第一个数据源3. 创建第二个数据源4. 创建启动类及查询方法5. 启动服务6. 创建表及做数据7. 查询验证8. 详细代码总结 通过上一节的介绍,我们已经知道了如何使用 Spring 进行数据源的配置以及应用。在一些复杂的应用中,…

windows查看usb信息命令_【VPS】Linux VPS查看系统信息命令大全

本文转自老左笔记,自用mark系统# uname -a # 查看内核/操作系统/CPU信息 # head -n 1 /etc/issue # 查看操作系统版本 # cat /proc/cpuinfo # 查看CPU信息 # hostname # 查看计算机名 # lspci -tv # 列出所有PCI设备 # lsusb -tv # 列出所有USB设备 # lsmod # 列出加…

无法初始化sftp协议。主机是sftp服务器吗?_WinSCP v5.15.3 免费的 开源图形化 SFTP 客户端...

WinSCP 是一个 Windows 环境下使用的 SSH 的开源图形化 SFTP 客户端。同时支持 SCP 协议。它的主要功能是在本地与远程计算机间安全地复制文件,并且可以直接编辑文件。主要功能WinSCP 可以执行所有基本的文件操作,例如下载和上传。同时允许为文件和目录重…

java中组合_java中组合模式详解和使用方法

组合模式(Composite Pattern),又叫部分整体模式,是用于把一组相似的对象当作一个单一的对象。组合模式依据树形结构来组合对象,用来表示部分以及整体层次。这种类型的设计模式属于结构型模式,它创建了对象组的树形结构。这种模式创…

道客巴巴vip账号共享2020_腾讯视频VIP怎么两个手机通用?

理论上来说,腾讯视频VIP可以同时在3个设备上登录,但只能在2个设备上同时播放视频。这也就意味着,腾讯视频VIP可以在两个手机上同时使用。腾讯视频VIP基本可以分为微信区、QQ区,两者并不互通。近期腾讯视频手机端修改了登录规则&am…

java 字符串是对象吗_解析Java中的String对象的数据类型

解析Java中的String对象的数据类型2007-06-06eNet&Ciweek1. 首先String不属于8种基本数据类型,String是一个对象。因为对象的默认值是null,所以String的默认值也是null;但它又是一种特殊的对象,有其它对象没有的一些特性。2. …

7-7 六度空间 (30分)_现役球员中,谁最可能成下一位30000分先生?3大前十巨星没戏...

想要在NBA联盟得到3万分有多难?从联盟成立至今的70多年中,总得分超过3万分的球员一共只有7位,他们分别是贾巴尔、马龙、詹姆斯、科比、乔丹、诺维茨基和张伯伦,剩下的强如大鲨鱼、艾弗森都没能完成这一壮举,那现役球员…

java右键弹出菜单_javascript自定义右键弹出菜单实现方法

本文实例讲述了javascript自定义右键弹出菜单实现方法。分享给大家供大家参考。具体实现方法如下:无标题页var oPopup window.createPopup();function PopMenu(id){var oPopBody oPopup.document.body;oPopBody.style.backgroundColor "buttonface";oP…

union all动态表_Excel VBA——动态显示图表

本文讲述将柱形图和折线图做成动态图表的方法。所谓动态是指鼠标点到哪个单元格,就显示活动单元格所在列或行的图表,其中折线图可以让数据点依次显示,使得整个图表不再死板,像变 了一样!在开始之前,需要先介…

xnio java_java基础篇---新I/O技术(NIO)

在JDK1.4以前,I/O输入输出处理,我们把它称为旧I/O处理,在JDK1.4开始,java提供了一系列改进的输入/输出新特性,这些功能被称为新I/O(NEW I/O),新添了许多用于处理输入/输出的类,这些类都被放在ja…

picturectrl控件中加载图片并显示_如何在EasyX窗体中显示图片

前提:图片必须是.jpg或.bmp格式的图片。(一)将保存在电脑桌面上的图片显示在EasyX窗体中,图片路径为:C:甥敳獲Administrator.USER-20190823VFDesktop锤头镰刀旗.jpg。(二)程序代码:#include#includeint main(){initgraph(500,300)…

estemplate 导入MySQL_[数据库]es~通过ElasticsearchTemplate进行聚合操作

[数据库]es~通过ElasticsearchTemplate进行聚合操作02020-08-24 17:00:38聚合操作,我们可以对数据进行分组的求和,求数,最大值,最小值,或者其它的自定义的统计功能,es对聚合有着不错的支持,需要…

iis mysql版本切换_MySQL+PHP配置 Windows系统IIS版(转)

1、下载MySQL下载地址:http://dev.mysql.com/downloads/mysql/5.1.html->Windows (x86, 32-bit), MSI Installer Essentials - Recommended(不包含文档)->No thanks, just start my download.(无需登录注册 直接下载)PHP下载地址:www.php.net->…

ping网关丢包_网络/摄像机丢包的原因分析

引文不少人在使用网络和监控摄像系统的时候都有遇到过数据丢包的情况,数据丢包的原因是多种多样的,以下就为大家介绍一下网络数据丢包的原因及摄像机丢包的原因。原因分析摄像机丢包的原因1:路由错误网络路径错误也会导致数据包不能到达目的主…

plantuml语法_PlantUML实践 | 思维导图

❝思维导图又叫心智导图,用于表达发散性思维的图形工具。❞语法使用一些运算符(如:,-,*)来决定图形方向。相同运算符数量则在同一级。运算符数量越多,层级越深。支持内置前缀图标标记,如旗帜图标。示例star…

prometheus连续查询_Prometheus 不完全避坑指南

原文发表于 我的个人博客,同步发表到我的知乎专栏 Prometheus 是一个开源监控系统,它本身已经成为了云原生中指标监控的事实标准,几乎所有 k8s 的核心组件以及其它云原生系统都以 Prometheus 的指标格式输出自己的运行时监控信息。我在工作中…

服务器是什么系统_服务器自愈路由系统、单线以及BGP多线的区别是什么?

你是否了解服务器自愈路由系统呢?你是否了解服务器单线路呢?你是否了解服务器BGP多线路呢?你是否知道它们之间有什么区别呢?本文主要分为两大块来讲:1.分别简单的介绍下服务器的自愈路由系统、服务器单线路和服务器BGP…