什么是闭包呢？包括闭包来的？为什么有了闭包呢？闭包的核心又是什么？下面我们来一个一个了解。
又爱又恨的闭包
闭包是Javascript中一个很让人迷惑的知识点。并且闭包也是同行讨论最多的知识点。
你不知道的Javascript这本书里面这样讲到：”对于那些有一点JavaScript使用经验但从未理解闭包概念的人来说。理解闭包可以看作是某种意义上的重生。但是需要付出很多努力和牺牲才能理解。“
回忆我前几年的时光，大量使用Javascript却不理解闭包是什么？总是觉得这门语言有隐蔽的一面，如果能够掌握将会功力大涨，但讽刺的是我始终无法掌握其中的门道，还记得当初我大量阅读早期框架的源码，试图能够理解闭包的工作原理。现在还能回忆起脑海中第一次浮现出关于”模块模式“相关概念时的激动心情。
闭包确实是JavaScript中比较难以理解的一个点，我们一步步剖析，看看到底是怎么个事。
闭包定义
首先我们说闭包不是JavaScript中独创的，他是借鉴了其他编程语言的思想。下面我们就来聊一聊闭包，其实闭包的定义分为两种：
1. 在计算机科学中对闭包的定义维基百科
闭包又称词法闭包或函数闭包。
在支持头等函数的编程语言中，实现词法绑定的一种计数。
闭包在实现上是一个结构体，他存储了一个函数和一个关联的环境。
闭包和函数的最大区别就是，当捕捉闭包的时候，他的自由变量在捕捉时被确定，这样即使脱离了捕捉时的上下文，也能照常运行。
闭包的概念最早出现在60年代，最早实现闭包的程序是Scheme.那我们就知道了JavaScript中为什么有闭包。当然Javascript中也借鉴了其他的语言比如原型和原型链就是借用的self语言
2. 在MDN中对闭包的解释
一个函数和对其周围状态的引用捆绑在一起，这样的组合就叫做闭包。
也就是说闭包可以让你在一个内层函数中，访问到其外层函数的作用域
在JavaScript中每创建一个函数，闭包就会在函数被创建的同时被创建出来。
自己的理解
一个普通函数的function，如果他可以访问外层作用域的自由变量，那么这个函数和他的作用域的组合就是一个闭包。
从广义的角度来看，JavaScript中的函数+外层作用域都是闭包。从狭义的角度来说：Javascript中的一个函数如果有访问外层作用域的变量，那么他们的组合就是一个闭包。
闭包的内存图
闭包得益于Scheme语言的中的优秀编程思想，其实JavaScript之父也说过：JavaScript语言借鉴了好多编程语言的优秀思想。比如作用域和作用域链就是借用了self语言。
@秋风于渭水 确实![[[微笑]]](https://www.xvzhu.cn/usr/themes/freewind/static/img/face/emotions/0.gif)
[...]不同的浏览器存在兼容性问题的核心原因是不同的浏览器可能使用的是不同的浏览器内核。在现代化开发中，大多数的浏览器兼容性问题是可以通过工程化中的配置选项来解决的。1.比如browserslist可以配置目标的浏览器或者Node环境，然后在不同的工具中起作用，比如autoprefixer/babel/postess preset env等，在进行了正确的配置后，开发的Vue或者React项目在进行打包时[...]
[...]在BFC中，box会在垂直方向上一个挨着一个的排布垂直方向的间距由margin属性决定在同一个BFC中，相邻两个box之间的margin会折叠(collapse)在BFC中，每个元素的左边缘是紧挨着包含块的左边缘的然后我们再看一下官方文档中如何说明的？总结BFC是什么？W3C文档讲：在标准流中，我们所有的盒子，不管是块级盒子还是行内盒子，它们都属于某一个FC格式化上下文，块级盒子属于BFC`块级格[...]
[...]什么是FC呢这里我们给出W3C给出的文档，FC文档FC的全称是FormattingContext，元素在标准流里面都是属于一个FC的。那么什么又是IFC，BFC呢？IFC行内元素的布局都属于Inline Formatting,inline level box都是在IFC中布局的BFCBFC英文全称是Block Formatting Context,也就是block level box都是在BFC中[...]
这确实是一个盲点，这个还是很有必要的，处理不好会导致网页内的元素出现抖动问题。
[...]我们知道，当浏览器在执行到script标签的时候，首先会停止构建DOM树，然后下载Javascript文件并且执行，当JavaScript脚本执行完毕之后才会继续解析HTML标签构建DOM树。为什么Javascript程序会这样做呢？原因是我们的Javascript的作用就是操作DOM并且可以修改DOM。如果我们等到HTML执行完成之后再去执行JavaScript就会造成严重的回流和重绘，尤其是现[...]
[...]async属性和defer属性目标一样它也是为了不让js阻塞DOM树的构建。不过他们两个还是有区别的。async让js脚本的下载和执行是独立的。浏览器不会因为async属性的script脚本的执行而阻塞，这一点和defer属性类似。然而async属性比较任性，只要脚本被浏览器下载完成之后就会立即执行，不会等待在DOMContentLoaded之前执行。所以它不能保证是在DOMContentLoad[...]
我热爱 旅游专栏。令人惊艳了解路线。
欣赏你的照片, 我明白, 世界很美。感谢 旅行灵感。
读起来像小说。继续保持 带来的灵感。