函数被调用后，在默认情形下，高下文活动工具会被立即开释，避免占用系统资源。但是，当函数内部的私有变量、参数、私有函数被外界引用，则这个高下文活动工具暂时会连续存在，直到所有外界引用被注销。
C措辞规定，函数不能嵌套，函数之间是平行的关系。但在函数内部可以定义静态局部变量。C++的shared_ptr指针，可以通过引用计数来决定内存资源开释的机遇。
但是，函数的浸染域是封闭的，外界无法访问。那么，在什么情形下，外界可以访问到函数内的私有成员呢？
（图片来自网络侵删）根据浸染域，内部函数可以访问外部函数的私有成员。如果内部函数引用了外部函数的私有成员，同时内部函数又被传给外界，或者对外界开放，那么闭包体就形成了。这个外部函数便是一个闭包体，它被调用后，它的调用工具暂时不被注销，其属性会连续存在，通过内部函数，可以持续读写外部函数的私有成员。
范例的闭包体是一个嵌套构造的函数。内部函数引用外部函数的私有成员，同时内部函数又被外部函数引用，当外部函数被调用后，就形成了闭包，这个函数也称为闭包函数。
下面是一个范例的闭包构造。
function f(x){ // 外部函数 return function(y){ // 内部函数，通过返回内部函数，实现外部引用 return x+y; // 访问外部函数的参数 };}var c = f(5); // 调用外部函数，获取引用内部函数console.log(c(6)); // 调用内部函数，原外部函数的参数连续存在解析过程大略描述如下：
1 在JavaScript脚本预编译期，声明的函数f和变量c，先被词法预解析。
2 在JavaScript实行期，调用函数f，并传入值5。
3 在解析函数f时，将创建实行环境（函数浸染域），创建活动工具，把参数和私有变量、内部函数都映射为活动工具的属性。
4 参数x的值为5，映射到活动工具的x属性。
5 内部函数，通过浸染域链，引用了参数x，但是还没有被实行。
6 外部函数被调用后，返回内部函数，导致内部函数被外部变量C引用。
7 JavaScript解析器检测到外部函数活动工具的属性被外界引用，无法注销该活动工具，于是在内存中连续坚持该工具的存在。
8 当调用c，即调用内部函数时，可以看到外部函数的参数x存储的值连续存在，于是也就可以实现后续运算操作，返回x+y=5+6=11。
下面的构造形式也可以形成闭包：通过全局变量引用内部函数，实现内部函数对外开放：
var c; // 声明全局变量function f(x){ // 外部函数 c = function(y){ // 内部函数，通过向全局变量开放实现外部引用 return x+y; // 访问外部函数的参数 };}f(5); // 调用外部函数document.write(c(7)); // 利用全局变量c调用内部函数，返回12利用闭包实例之一：利用闭包实现优雅的打包，定义存储器：
var f = function(){ // 外部函数 var a = []; // 私有数组初始化 return function(x){ // 返回内部函数 a.push(x); // 添加元素 return a; // 返回私有数组 };}(); // 直接调用函数，天生实行环境var a = f(1); // 添加值document.write(a); // 返回1var b = f(2); // 添加值document.write(b); // 返回1，2在上面的实例中，通过外部函数设计一个闭包，定义一个永久的存储器。当调用外部函数，天生实行环境之后，就可以利用返回的匿名函数，不断向闭包体内的数组a传入新值，传入的值会一贯持续存在。
利用闭包实例之二：在网页中事宜处理函数很随意马虎形成闭包
<script>function f(){ // 事宜处理函数，闭包 var a=1; // 私有变量a，初始化为1 b = function(){ // 开放私有函数 document.write("a="+a); // 读取a的值 } c = function(){ // 开放私有函数 a++; // 递增a的值 } d = function(){ // 开放私有函数 a --; // 递减a的值 }}</script><button onclick="f()">天生闭包</button><button onclick="b()">查看a的值</button><button onclick="c()">递增</button><button onclick="d()">递减</button>在浏览器中浏览时，首先单击“天生闭包”按钮，天生一个闭包。单击第2个按钮，可以随时查看闭包内私有变量a的值。单击第3，4个按钮时，可以动态修正闭包内变量a的值。
闭包的局限性闭包的代价是方便在表达式运算过程中存储数据，但是，它的缺陷也不容忽略。
由于函数调用后，无法注销调动工具，会占用系统资源；在脚本中大量利用闭包，随意马虎导致内存透露。办理的方法是慎用闭包，不要滥用。
由于闭包的浸染，其保存的值是动态的，如果处理不当，随意马虎涌现非常或缺点。
下面实例是设计一个大略的选项卡效果：
<script>window.onload = function(){ var tab = document.getElementById("tab").getElementsByTagName("li"), content = document.getElementById("content").getElementsByTagName("div"); for(var i = 0; i < tab.length; i ++ ){tab[i].addEventListener("mouseover", function(){for(var n = 0; n < tab.length; n ++ ){tab[n].className = "normal";content[n].className = "none";}//console.log(i);//跟踪变量i的值tab[i].className = "hover";content[i].className = "show";}); }}</script><body><div class="tab_wrap"> <ul class="tab" id="tab"> <li id="tab_1" class="hover">Tab1</li> <li id="tab_2" class="normal">Tab2</li> <li id="tab_3" class="normal">Tab3</li> </ul> <div class="content" id="content"> <div id="content_1" class="show"><img src="images/1.jpg" height="200" /></div> <div id="content_2" class="none"><img src="images/2.jpg" height="200" /></div> <div id="content_3" class="none"><img src="images/3.jpg" height="200" /></div> </div></div></body>在mouseover事宜处理函数中跟踪变量i的值，i 的值都变成了3，tab[3]自然是一个null，以是也不能够读取className属性，浏览器会抛出以下非常：
SCRIPT5700：无法设置未定义或null引用的属性"className"
上面的JavaScript代码是一个范例的嵌套函数构造。外部函数为load事宜处理函数，内部函数为mouseover事宜处理函数，变量 i 为外部函数的私有变量。
通过事宜绑定，mouseover事宜处理函数被外界引用（li元素）。这样就形成了一个闭包体。虽然在for语句中为每个选项卡 li 分别绑定事宜处理函数，但是这个操作是动态的，因此tab[i]中 i 的值也是动态的，以是就涌现了上述非常。
办理闭包毛病最大略的方法是阻断内部函数对外部函数的变量引用，这样就形成不了闭包体。针对以上实例，可以在内部函数（mouseover事宜处理函数）外边增加一层防火墙，禁止其直接引用外部变量。
window.onload = function(){ var tab = document.getElementById("tab").getElementsByTagName("li"), content = document.getElementById("content").getElementsByTagName("div"); for(var i = 0; i < tab.length; i ++ ){ (function(j){ tab[j].addEventListener("mouseover", function(){ for(var n = 0; n < tab.length; n ++ ){ tab[n].className = "normal"; content[n].className = "none"; } tab[j].className = "hover"; content[j].className = "show"; }); })(i); }}在for语句中，直接调用匿名函数，把外部函数的i变量传给调用函数，在调用函数中吸收这个值，而不是引用外部变量 i ，从而规避了闭包体带来的困惑。
闭包确实是js最难明得的东西了，闭包的实质可以说是浸染域链形成的要理解闭包，必须要理解这几个观点
① 词法浸染域
② 实行高下文
③ 活动工具
④ scope属性
除了仿照类的私有变量和私有方法。闭包还可以用来仿照类的静态变量和方法。
之以是把上述一些js变量和函数称为“静态”，是借用了Java的提法。
这些“静态”变量和方法被保存在闭包中，在内存中是唯一的，不会随着该函数副本的增加而增加。如果一个函数须要被实例化多次， 但个中的一些内部函数并不须要访问任何实例数据，从节省内存的角度考虑，可采取上述构建静态函数的方法。js中的“静态”观点，有一点与Java不同： 如果属性被设为null，即不再有引用指向它，那么它的闭包也将消逝， 保存在闭包中的静态变量和方法，也将被垃圾回收器择机回收。
由于js没法像一样平常措辞C++，PHP等利用static达到函数内全局变量的效果，故利用闭包的一贯保存在内存的特性达到了这个效果。
闭包的特点使函数拥有了类的觉得，访问局部变量好比访问私有属性，闭包相称于类的公共函数，调用外部函数好比类实例化，始终保持在内存中好比类具有全局的生命周期，bigger觉得瞬间提高了。
function f1(){ var n=0; function f2(){ n++; console.log(n); } return f2; } var add=f1(); add();//输出 1 add();//输出 2 //闭包两大特点：1、访问局部变量，2、一贯保存在内存中附闭包局限性实例的CSS代码：
<style type="text/css">h1 { font-size:20px; } / Tab面板样式-------------------------------------------// Tab菜单包含框构造 /.tab_wrap { width:auto; }/ Tab菜单栏构造 /ul.tab { height:24px; list-style:none; margin:0; padding:0;}ul.tab li { float:left; height:24px; padding:0 1em; cursor:pointer; font:14px/24px "宋体" Arial, Helvetica, sans-serif;}/ Tab菜单栏样式类 /.normal { color:#1f3a87; background:#fff; border:1px solid #e6f2ff; border-bottom:0;}.hover { color:#1f3a87; font-weight:bold; background:#e6f2ff; border:1px solid #e6f2ff; border-bottom:0;}/ Tab内容显隐样式类 /.show { display:block; }.none { display:none; }/ Tab内容包含框构造 /.content { height:auto; padding:6px; clear:both; background:#e6f2ff; text-align:left;}</style>ref
1 https://www.zhihu.com/question/27712980
2 《HTML5+CSS3+JavaScript从入门到精通（实例版）》
－End－
