闭包原理与应用

一.闭包

了解闭包需要先了解执行上下文与作用域链。

1.执行上下文

执行上下文又叫执行环境，我们关注的主要有两种执行环境，全局环境与函数环境。
PS：还有Eval环境----执行在 eval 函数内部的代码也会有它属于自己的执行上下文。暂时不详细表述。（主要是我也不懂）

代码1：

var All = "全局"
function a() {
	 var A = "(全局+函数a)"
	 b();
	 function b() {
		 var B = "(全局+函数a+函数b)"
	     c();
	     function c() {
			 var C = "(全局+函数a+函数b+函数c)"
	         console.log("执行了！")
	     }
	 }
}
a();

JavaScript是单线程运行环境，执行上下文的存放是以栈的形式存放，代码都是排队执行。
图1（执行栈）：

代码1执行上下文存放顺序为图1从左至右执行。
一开始浏览器执行全局的代码时，首先创建全局的执行上下文，压入执行栈的顶部。
每当进入一个函数的执行就会创建函数的执行上下文，并且把它压入执行栈的顶部。当前函数执行完成后，当前函数的执行上下文出栈，并等待垃圾回收。
浏览器的JS执行引擎总是访问栈顶的执行上下文。

2.作用域链

执行上下文分为两个阶段创建阶段和执行阶段。
（1）创建阶段执行上下文会生成作用域链，变量函数，this指向。

作用域链相当于一个集合，里面包含当前上下文的变量对象和其父级上下文的变量对象。例如图1中a函数环境包含全局环境，所以a函数作用域内可以访问a函数作用域及全局作用域内的变量对象。

（2）执行阶段执行上下文会进行变量赋值，函数引用等。

综上所述，在全局环境下无法访问函数环境中的变量，且外部函数无法访问内部函数中变量。

3.闭包

PS：终于说正事儿了。
定义：一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。也就是说，闭包让你可以在一个内层函数中访问到其外层函数的作用域。在 JavaScript 中，每当创建一个函数，闭包就会在函数创建的同时被创建出来。
PS：好像还是废话。

二.闭包的应用

仅个人看法，欢迎补充
闭包简单来说就是一个函数。如果目标变量对象放在全局环境中，会导致任何对象都可以访问的到，这样大家就都能改变它的内容，有可能会对目标变量对象造成污染。
代码2：

function fun() {
     const data = {}
     return {
         set: function (key, value) {
             data[key] = value
         },
         get: function (key) {
             return data[key]
         }
     }
 }
 const one = fun();
 const two = fun();
 one.set("a",100);
 two.set("a",200);
 console.log(one.get("a"))//100
 console.log(two.get("a"))//200

闭包的应用主要就是将目标变量对象隐藏起来，只暴露出需要的方法，这样就能不污染全局，同时又满足复用。