参考文章：
学习Javascript闭包（Closure） - 阮一峰的网络日志
闭包：闭包理解 常见的闭包 闭包的作用 闭包的生命周期 （闭包应用：定义JS模块） 闭包的缺点 内存溢出与内存泄漏 测试题 循环遍历加监听 - 心有明珠，山河明媚 - 博客园
闭包（closure）指的是有权访问另一个函数作用域中变量的函数
简单的理解为：一个函数可以访问另一个函数内部的局部变量
function fn(){
var num = 10;
function fun(){
console.log(num);
}
fun();
}
fn();输出结果:10
闭包产生 :
->内部函数 fun（）的作用域访问了外部函数fn（） 里面的局部变量 num
->被引用的变量所在的函数即为闭包 这里引用的变量是num，而num在fn（）中，所以fn就是闭包
- 闭包理解（面试常问）：
理解一：闭包是嵌套的内部函数
理解二：闭包是包含被引用变量（函数）的对象
且闭包是存在于嵌套的内部函数中
- 闭包产生条件：
1）函数嵌套
2）内部函数引用了外部函数的数据（变量、函数）
3）执行外部函数 （必须调用外部函数，但是可以不调用内部函数）
闭包在内部函数定义时候就产生了，而不是在调用时才产生
【这里就要注意函数提升的情况
- 函数声明->提升 真正函数对象比定义位置要早
- 函数表达式->不提升 只有程序执行到该语句的位置，才会创建函数对象，从而产生闭包】
外部函数执行几次就会产生几个闭包，与内部函数执行几次没有关系
执行外部函数时候才会执行内部函数对象
- 常用的闭包
1）return 将函数作为另一个函数的返回值
2）将函数作为实参传递给另一个函数调用
函数外部不能直接访问函数内部的局部变量，但是通过闭包则可以。
- 闭包的三大特点为：
1、函数嵌套函数
2、内部函数可以访问外部函数的变量
3、参数和变量不会被回收。
- 注意点：
1）闭包在外部函数定义时候就产生了，而不是在调用时才产生
【这里就要注意函数提升的情况——>函数声明和函数表达式】
2）外部函数执行几次就会产生几个闭包，与内部函数执行几次没有关系
执行外部函数时候才会执行内部函数对象
3）默认情况下：
函数执行完毕后，函数内部声明的局部变量自动释放，就不可以再访问了
在函数外部也不能够直接访问内部的局部变量（作用域->隔离变量 内能看外，外看不到内）
但是通过闭包技术，可以消除以上问题
- 闭包的作用：
1）可以通过闭包，设计私有变量及方法；
2）使函数内部的变量在函数执行完毕之后，仍然存活在内存中、延长了局部变量的生命周期）；
3）让外部函数的作用域可以访问到内部函数的局部变量。
function fn(){
var num = 10;
function fun(){
conosle.log(num);
}
return fun;
}
var f = fn();
fn();
执行流程：
fn（）函数一调用就会执行外部函数fn（）
--> 先var num
-->由于fun（）没有调用，不执行，直接下一步return fun
这段代码<=> var f =function fun(){conosle.log(num);}
-->此时f() 来调用fun()
而fun（）本身就在fn中，理所当然可以使用num-->打印10
此时就又应用了【内部函数访问了外部函数的变量->产生闭包】
- 闭包的生命周期：
产生：满足闭包产生条件的前提下，在内部函数被创建的时候产生
<=>在嵌套内部函数定义执行完时产生（注意不是调用时，而且若出现函数提升时，会提前产生）
死亡：在嵌套的内部函数成为垃圾对象时死亡（包含闭包的函数对象成为垃圾对象）
只要不用变量接收内部函数的返回值、就会成为垃圾对象，进而立马死亡
所以、将引用内层函数对象的变量赋值为null就可以设置其死亡。
- 闭包的应用：定义js模块
- 首先是引入一个具有特定功能的js文件；
- 然后将所有的数据和功能都封装在一个函数内部（私有的）；
- 接着只向外暴露一个包括有n个方法的对象或者函数；
- 最后，模块的使用者，只需要通过模块暴露的对象调用方法来实现对应的功能；
模块特点：具有隐藏和操作数据的功能
定义模块：方式一：定义一个函数，然后执行这个函数，并return 对象
方式二：匿名函数自调用 （IIFE）window 添加属性
- 闭包的缺点：
- 常驻内存，会增大内存使用量
- 使用不当很容易造成内存泄露
=>解决：
- 尽量不适用闭包
- 及时释放内存
相关知识点：内存溢出和内存泄漏（第3点）
- 总结：
- 闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，然后通过内部函数访问外部函数的局部变量。
- 不必纠结到底怎样才算闭包，其实你写的每一个函数都算作闭包，即使是全局函数，你访问函数外部的全局变量时，也是闭包的体现。
闭包的应用场景：
防抖节流
通过循环给页面上的多个dom添加点击事件
柯里化
面试题1：
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
//没有产生闭包
/*闭包条件：
函数嵌套（√），
内部函数引用外部函数的变量（x），
外部函数根本没有变量，根本没有引用一说。*/
}
};
alert(object.getNameFunc()());输出结果：The window
在一般情况下，this对象时在运行时基于函数的执行环境绑定的；
在全局函数中，this等于window，而当函数被作为某个对象的方法调用时，this等于那个对象；
但是，匿名函数的执行环境具有全局性，因此它的this对象通常指向windows。
面试题2：
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
var that = this;
return function(){
return that.name;
};
//产生闭包 1.函数嵌套（√），2.内部函数引用外部函数的变量（√），3.调用外部函数（√）
}
};
alert(object.getNameFunc()());输出结果：My Object
在匿名函数外声明了一个变量that,用来保存this，此时this指的是调用function（）{...}的对象，也就是object，所以此时输出My Object（在匿名函数外的this就等于该对象，）
关于var that =this：
在javascript中，
this代表着当前的对象，即当前操作的dom元素的对象，它在程序中随着执行的上下文随时会变化，即随着操作不同的dom对应的数值会对应发生变化；使用that接收this之后，尽管在函数执行过程中this再改变了，但是that还是指向之前的对象。
面试题3：
function fun(n,o) {
console.log(o)
return {
fun:function(m){
return fun(m,n);
}
};
}
var a = fun(0); a.fun(1); a.fun(2); a.fun(3);//undefined,?,?,?
var b = fun(0).fun(1).fun(2).fun(3);//undefined,?,?,?
var c = fun(0).fun(1); c.fun(2); c.fun(3);//undefined,?,?,?最终答案为
undefined,0,0,0
undefined,0,1,2
undefined,0,1,1
最后、深度理解闭包：
function f1(){
var n=999;
nAdd=function(){n+=1}
function f2(){
alert(n);
}
return f2;
}
var result=f1(); //相当于 var result = f2 把f2赋值给了一个全局变量
result(); // 999
nAdd();
result(); // 1000在这段代码中，result实际上就是闭包f2函数。它一共运行了两次，第一次的值是999，第二次的值是1000。这证明了，函数f1中的局部变量n一直保存在内存中，并没有在f1调用后被自动清除。
为什么会这样呢？原因就在于f1是f2的父函数，而f2被赋给了一个全局变量，这导致f2始终在内存中，而f2的存在依赖于f1，因此f1也始终在内存中，不会在调用结束后，被垃圾回收机制（garbage collection）回收。
【也就是内部函数被赋值给了一个全局变量，所以他会始终存在于内存中，而内部函数是依附于外部函数而存在的，所以外部函数也会始终存在于内存中，同理，外部函数中的变量也会始终存在，不被销毁，可以被多次使用】
这段代码中另一个值得注意的地方，就是"nAdd=function(){n+=1}"这一行，首先在nAdd前面没有使用var关键字，因此nAdd是一个全局变量，而不是局部变量。其次，nAdd的值是一个匿名函数（anonymous function），而这个匿名函数本身也是一个闭包，所以nAdd相当于是一个setter，可以在函数外部对函数内部的局部变量进行操作。
扫一扫
821
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
