js 什么是闭包

什么是闭包
表象：封闭的数据域，在里面的数据不易拿到。只能靠一个暴露的函数来调用。
本质：两个函数利用内部属性[scope]记录创建范围。其中一个函数（1）利用另外一个函数（2）的属性，那么该函数（1）的内部属性[scope]就会去记录另一个函数（2）的作用域里的那个数据。由于函数（1）记录了函数（2）的属性，所以函数（2）的那个数据不被回收。
如何实现闭包

function fun(n){   //外部 创建函数（我的说法）
        return function(m){  //返回一个 匿名函数 （单纯的一个函数） 赋值给被调用的值 
            n+=m;
            return n;
        }
}
var f = fun(5)  //先运行了fun（5） 运行的结果返回给f 
				//f等于那个 匿名函数

console.log(f(1));	//运行那个匿名函数
console.log(f(1));
console.log(f(1));
console.log(f(1));
console.log(f(1));  

为什么会出现闭包
前提你要有了解作用域
友情链接

https://blog.csdn.net/yueguanghaidao/article/details/9568071添加链接描述

以上个代码为例

function fun(n){  //运行时fun函数的内部属性[scope]记录创建范围s1
        return function(m){   //同理创建s2
            n+=m;
            return n;
        }
}

按常规的思维，fun调用后就注销，记录s1的内存空间释放。
但是由于s2需要s1内部的数据，所以s1的那个数据被匿名函数的[scope]记录，该数据不丢失。
闭包的使用
html

<div>1</div>
<div>2</div>
<div>3</div>

js

var nodes = document.getElementsByTagName('div');
for(var i=0;i<3;i++){
	nodes[i].onclick=function(){
		console.log(i);  
	}
}

这里希望时点击第1个div时打印0，第2个1，第3个2。
但是当你点击时，打印结果都是3.
为什么呢？
由于i是址引用
因为当你去点击时，i的地址上的数据已经时3了。
所以你调用点击函数打印的i是3.
解决办法

var nodes = document.getElementsByTagName('div');
for(var i=0;i<3;i++){
    (function(x){
        nodes[x].onclick=function(){
            console.log(x);  
        }
    })(i)
}

利用闭包，保存i的值到x里。在循环过程中i的3个值分别保存到x1,x2,x3三个作用域中。
所以当你点击时，打印的值分别是x1,x2,x3作用域里的.。

闭包的缺点
不合理使用会导致内存泄漏。

以上是我个人理解，欢迎指正。代码为在线手码的，可能有误。