js闭包基本概念及应用

一、闭包概念：函数嵌套函数，内部函数就是闭包。
1、闭包的经典例子：（如下）*

function outerFun(){
	let a = 10;
	function innerFun(){
		console.log(a);
	}//a可访问外部函数变量的
	return innerFun;
}
let fun = outerFun();
fun();//打印10

2、注：但正常情况下，函数执行完成，内部变量会被销毁（销毁：释放内存空间）
例子：

function fun(){
	let a = 10;
	console.log(a);
}
fun()//调用函数执行完之后，该函数内部的局部内存空间就会被释放
console.log(a);//因此在外面不能调用a内部变量,内部函数执行完之后a就被释放了

3、补充：作用域链概念：

let a = 10;
let b = 20;
function fun (){
	let a = 30;
	let c = 40;
	function fun(){
		let a = 50;
		let d = 60;
	}![在这里插入图片描述](https://img-blog.csdnimg.cn/3010851547024aebac20aa326d70e2b6.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5byA5b-D5biC5rCR5bCP5p2o5YS_,size_18,color_FFFFFF,t_70,g_se,x_16)

}

由图可见，作用域链是指在若在内部函数打印某一变量，会一层层的向上查找进行打印，直至找到为止。

4、再回头看刚开始我们说的闭包的经典例子

function outerFun(){
	let a = 10;
	function innerFun(){
		console.log(a);
	}//a可访问外部函数变量的
	return innerFun;
}
let fun = outerFun();
fun();//打印10

该段代码执行到倒数第二行let fun = outerFun()时候，innerFun()内部函数并没有执行完成，而是innerFun（）作为返回值赋值给了fun，然后fun就是innerFun,fun就没有执行完成，还可以再次调用innerFun。（可见还可以调用内部函数innerFun，因此外部函数let a = 10 就不会被销毁）
5、总结：因此，可见闭包内部函数没有执行完成， 外部函数变量就不会被销毁。
二、闭包应用
1、闭包可以封装一段代码

let a = 10;
let b = 20;
function add(){
	return a+b;
}
function sub(){
	return a-b;
}
let result1 = add();
let result2 = sub();
console.log(result1);
console.log(result2);

2、可见此段代码比较冗余，我们可以使用闭包进行封装。

//定义一个立即执行函数
let yzk = (function(){
	let a = 10;
	let b = 20;
	function add(){
		return a + b;
	}
	function sub(){
		return a-b;
	}
	//返回一个对象
	return {
		add:add,
		sub:sub
	}
})()
这样yzk这个模块就是一个对象,并且它有两个属性add和sub
可以使用这个对象去调用这两个函数。
let result1 = yzk.add();
let result2 = yzk.sub();
console.log(result1);
console.log(result2);
//此时a和b为局部变量外部无法进行访问，只能访问return返回暴露出去的的add和sub。
//可见利用闭包实现了模块化的功能。