一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第22天，点击查看活动详情。
闭包
嗨害嗨！今日无事，又来水文，若有错误，还请指点！
理解闭包
闭包就是能够读取其他函数内部变量的函数。
比如在js中，只有函数内部的子函数才能读取局部变量，所以闭包也可以理解成 "定义在一个函数内部的函数" 。
在本质上，闭包是将函数内部和函数外部连接起来的桥梁。
顺便看看红宝书上的定义：闭包指有权访问另一个函数作用域中变量的函数
1.如何产生闭包？
当一个嵌套的子函数引用了嵌套外面的父函数的变量(函数)时，就产生了闭包
2.闭包到底是什么？
理解一：闭包是嵌套的内部函数
理解二：包含被引用的变量(函数)的对象
注意：闭包存在于嵌套的内部函数中
大部分应该都是理解一的情况。
3.产生闭包的条件？
① 函数嵌套
② 内部函数引用了外部函数的数据(变量/函数)
案例：
function fn1() {
var a = 2;
var b = 'abc';
function fn2() {
console.log(a);
}
}
fn1();
执行了外部函数时，内部函数被定义了(因为内部函数的定义写在了外部函数里面)，就会产生闭包，不用调用内部函数。
常见的闭包
1.将函数做为另一个函数的返回值
示例：
function fn1() {
var a = 2;
function fn2() {
a++;
console.log(a);
}
return fn2;
}
var f = fun1();
f(); //3
f(); //4
这个过程一共产生了1个闭包，关于怎么去知道产生了几个闭包要看外部函数执行了几次(只有在执行外部函数的时候，才会去执行内部函数的定义过程,或者说创建内部函数对象)
2.将函数做为实参传递给另外一个函数调用
示例：
function showDelay(msg, time) {
setTimeout(function () {
alert(msg);
}, time);
}
.
总结符合产生闭包的条件，1.函数嵌套 2.内部函数引用外部函数数据
闭包的作用
问题1: 函数执行完后，函数内部声明的局部变量是否还存在？
答: 一般是不存在，存在于闭包中的变量才可能存在
问题2： 在函数外部能直接访问函数内部的局部变量吗？
答： 不能，但是通过闭包，可以让外部操作它
.
作用1: 使用函数内部的变量在函数执行完后，仍然存活在内存中(延长了局部变量的生命周期)
作用2: 让函数外部可以操作(读写)到函数内部的数据(变量/函数)
示例：
function fn1() {
var a = 2;
function fn2() {
a++;
console.log(a);
}
function fn3() {
a--;
console.log(a);
}
return fn2;
}
var f = fun1(); //闭包最终存在一直没有消失的原因就是，这个变量f指向着函数对象，函数对象关联着闭包
f(); //3
f(); //4
闭包的生命周期
1.产生：在嵌套内部函数定义执行完时就产生了(不是在调用)
2.死亡：在嵌套的内部函数成为垃圾对象时
function fn1() {
//在这里闭包就产生了，原因是函数提升，内部函数对象已经创建了
var a = 2;
//如果是这么写的 var fn2 = function(){}
//那么只有等到执行到赋值的时候(这个函数定义执行完)，闭包才会产生
function fn2() {
a++;
console.log(a);
}
return fn2;
}
var f = fun1();
f(); //3
f(); //4
f = null; //闭包死亡(包含闭包的函数对象成为垃圾对象)
闭包的应用
① 具有特定功能的js文件
② 将所有的数据和功能都封装在一个函数内部(私有的)
③ 只向外暴露一个包含n个方法的对象或函数
④ 模块的使用者，只需要通过模块暴露的对象调用方法来实现对应的功能
示例1：
以下是自定义模块myModules.js
引入
<script src="myModule.js"></script>
<script>
var module = myModule();
module.doSomething();
module.doOtherthing();
</script>
.
示例2： 以下是自定义模块myModules2.js
最后面括号中的参数通常会写上window，因为实际开发中代码压缩会把参数命名换成单个字母，如果这两个地方不写window，那么里面的window.myModule2就不能进行压缩，如果都写了，就可以压缩成w.myModule2
<script src="./myModule2.js"></script>
<script>
//因为已经通过上面引入的那个js文件，将要暴露的东西添加为window的属性，能直接使用
myModule2.doSomething();
myModule2.doOtherthing();
</script>
闭包的缺点及解决
- 缺点
- 函数执行完后，函数内的局部变量没有释放，占用内存时间会变长
- 容易造成内存泄漏
- 解决
- 能不用闭包就不用
- 及时释放
示例：
function fn1() {
var arr = new Array[1000];
function fn2() {
console.log(arr.length);
}
return fn2;
}
var f = fn1(); // ①
f();// ②
f = null; // ③
① 在var f = fn1();这时候闭包就产生了
② f();调用时产生闭包，这个闭包导致我这个很大的数组一直不是垃圾对象，就导致了内存泄漏(这块内存被白白占用着，没有释放，用不上了)
③ 解决方法就是，让内部函数成为垃圾对象--->回收闭包 f = null;
内存溢出与内存泄漏
- 内存溢出
- 一种程序运行出现的错误
- 当程序运行需要的内存超过了剩余的内存，就会抛出内存溢出的错误
- 内存泄漏
- 占用的内存没有及时释放
- 内存泄漏积累多了容易导致内存溢出
- 常见的内存泄漏：
①意外的全局变量
②没有及时清理的计时器和回调函数
③闭包
内存溢出的情况
var obj = {}
for (var i = 0; i < 1000; i++) {
obj[i] = new Array(1000); //利用 对象['属性名']的方式追加属性
}
我这里数字给小了，给大了的时候，界面会崩溃，说内存不够，并且任务管理器里面可以看到内存占用急剧上升
内存泄漏的情况
//意外的全局变量
function fn() {
a = 3; //比如那个程序员想定义的是局部变量，但是写成这样了，实际上这个是全局变量，正常如果a是局部变量，那么fn运行完就会自动释放，但是现在不会自动释放
console.log(a);
}
fn();
//没有及时清除的定时器......
//闭包
function fn1() {
var a = 4;
function fn2() {
console.log(++a);
}
return fn2;
}
var f = fn1()
f();
//这种情况a不会自动释放，这时候想要释放要让f=null
f = null;
