闭包算是javascript中一个比较难理解的概念，想要深刻理解闭包的原理，首先须要搞清楚其余几个概念：javascript
1、栈内存和堆内存
学过C/C++的同窗可能知道，计算机系统将内存分为栈和堆两部分（大学的基础课，忘掉的赶忙从新捡起来）。java
栈内存（连续的存储空间，相似数据结构中的栈）：主要用来存放数值、字符、内存地址等小数据数据结构
堆内存（散列的存储空间，相似数据结构中的链表）：存放能够动态变化的大数据闭包
2、基本类型和引用类型
JavaScript将变量分为两种类型：函数
基本类型：Number、String、Boolean 、undefined、null（值被保存在栈内存中）大数据
引用类型：Object、Array、function（具体内容被保存在堆内存中，在栈内存中仅保存堆内存的地址）spa
如上图，当在程序中在执行中有以下状况：code
一、声明变量a为基本类型时，直接在栈内存中保存它的值为100；对象
二、当将a赋值给b时，b在栈内存中新建空间，将a的值复制过来blog
（注：以后a和b就没有关系了，再改变a或b的值，不影响另一个，它们是独立的）
三、声明变量p1为引用类型时，将p1的内容保存在堆内存中，并将堆内存的物理地址保存在栈内存中
四、当将p1赋值给p2时，p2在栈内存中新建空间，仅复制堆内存的物理地址
（注：p1和p2中都保存的是指向堆内存的地址，即指的是同一个对象，当修改p1对象的属性后，p2对象的属性同时被修改）
另外，在计算机语言中还有一些很重要的特性：
一、修改基本类型的值，其实是新建空间存一个新值，而后将变量名指向新的空间（旧值依然存在栈内存中，只是缺乏变量名指向它）
二、删除引用类型，其实并不删除堆内存中的内容，仅删除了栈内存中的物理地址（对象的内容依然存在堆内存中，只是缺乏了地址的指向）
（注：计算机关于内存的管理，跟咱们正常想到的不同，例如硬盘恢复就是利用这个原理，为删除的内容从新创建一个指向便可访问）
2、变量做用域
javascript中变量又分为全局变量和局部变量
全局变量：在全局环境中声明的变量
局部变量：在函数中声明的变量
当函数在执行时，会建立一个封闭的执行期上下文环境，函数内部声明的变量仅可在函数内部使用，外部没法访问，而全局变量则在任何地方均可以使用
3、预编译
JavaScript的运行为三步：语法分析》预编译》解释执行
一、语法分析：通篇扫描js文件，检查是否有低级语法错误
二、预编译四部曲：（发生在解释执行的前一刻）
a、建立AO对象（执行期上下文对象，全局为GO）
b、将形参和变量声明做为AO对象的属性名，值为undefined
c、将实参值传递给形参，即赋值给AO对象对应属性名
d、将函数声明为AO对象的方法名，值为函数体
三、解释执行：解释一行，执行一行。
function test(a){ var b=1; function c(){} } test(2); /* 函数预编译四部曲（函数执行前一刻，不执行不会预编译），全局预编译同理 * 1---testAO{} * 2---testAO{a:undefined,b:undefined} * 3---testAO{a:2,b:undefined} * 4---testAO{a:2,b:1,c:function(){}} */
4、做用域链
每一个JavaScript函数都是一个对象，对象中有些属性能够访问（好比name），有些属性不能够访问（好比[[scope]]仅供js引擎使用）
[[scope]]用来存储了运行期上下文对象的集合（即做用域链），做用域链中除了自身建立的AO对象外，还包括了全部父级运行期上下文对象（AO）
function a(){ function b(){ var b = 234; } var a = 123; b(); } var glob = 100; a();
当b执行完成后，b的AO要被销毁，即b的[[scope]]第0位将被置空，若是再次执行b，将新建一个新的AO将其地址存到第0位，
当a也执行完成后，a的AO要被销毁，即a的[[scope]]第0位将被置空，同时a的AO中存着b，b也将被一同销毁
在了解如上这些概念后，咱们再来看下面这个经典的闭包，你会有一个全新的认识
function a(){ var b=123; function c(){ console.log(b+=1); } return c; } var d=a(); d();
当这段代码在执行时的顺序以下：
一、预编译全局，生成执行上下文对象GO{d:undefined,a:function(){}}
二、定义a函数，将a函数的[[scope]]属性设置为{0:GO}
三、预编译a函数，生成a的执行上下文对象aAO{b:undefined,c:function(){}}，修改a函数的[[scope]]属性为{0:aAO,1:GO}
四、执行a函数，给aAO的属性赋值{b:123,c:function(){}}
五、定义c函数，将c函数的[[scope]]属性设置为{0:aAO,1:GO}，并将c返回给d
六、a函数执行完毕，销毁[[scope]]属性第0位对aAO对象的引用
七、执行d函数（等于执行c函数）以前，先预编译生成c的执行上下文对象cAO{}，修改c函数的[[scope]]属性为{0:cAO,1:aAO,2:GO}
八、执行c函数，b变量在cAO中没有，到[[scope]]属性中的下一位aAO中获取
个人博客即将搬运同步至腾讯云+社区，邀请你们一同入驻：https://cloud.tencent.com/developer/support-plan