当一个内部子函数引用外部函数的变量(函数)的时候就产生了闭包。
也就是说外部函数嵌套内部函数,但是进一步的理解就是包含了引用变量(函数)的对象就是闭包。
可以通过Chrome调试工具查看。
产生闭包的条件:
1.函数的嵌套,
2.内部函数引用外部函数的数据(变量、函数)
闭包在什么时候产生,在执行内部函数定义的时候就产生了,也就是调用外部函数的时候。不需要调用内部函数即可产生。
闭包的产生和死亡:
产生:在嵌套内部函数定义执行完时就产生了;
死亡:在嵌套的内部函数成为垃圾对象的时候。(例如函数对象设置为null)
常见的闭包
1.将一个函数作为另一个函数的返回值;
2.将函数作为实参传递给另一个函数。
例1:
function show(msg,time){
setTimeout(function(){
alert(msg);
},time)
}
此时闭包中就有msg变量。
例2:
function fn1(){
var a = 2;
function fn2(){
a++;
console.log(a);
}
function fn3(){
a--;
console.log(a);
}
return fn3;
}
var f =fn1();
f()
f()
例2中fn2由于没有被引用就成为了垃圾对象,闭包存在的原因是因为有一个f将返回值保存了,所以才存在闭包,fn1函数返回的是fn3函数对象,fn3不存在,但是fn3的函数体存在,此时a作为被引用对象中的变量也是不会消失的。闭包的存在延长了变量的生命周期。
闭包的应用
闭包可以用来定义js模块,具有特定功能js模块,将所有数据和功能封装在一个函数内部,向外暴露n个方法对象或函数;只需要通过模块暴露的对象调用方法来实现对应的功能。
闭包的缺点
先理解两个概念
1.内存溢出:程序运行需要的内存超过现有的内存,就会产生内存溢出的错误。
2.内存泄露:占用的内存没有及时释放,内存泄露积累多了也会导致内存溢出,常见的内存泄露有意外的全局变量、没有及时清理的计数器回调函数还有闭包。
例3:
function fn(){
a = 3;
console.log(a);
}
fn();
此时a就是一个意外的全局变量,向外暴露一个变量a,产生了闭包。
闭包的缺点就是在函数执行完之后,函数内部的局部变量没有释放,占用内存时间会变长,容易产生内存泄露。
面试题实战
var name = "window";
var obj ={
name = "obj";
getName:function(){
return function(){
return this.name;
}
}
}
object.getName()();
此时没有闭包产生,因为函数第一次执行的时候返回的是getName中返回的函数,在执行一次是window来直接执行函数,返回的name就是window。
var name = "window";
var obj ={
name = "obj";
getName:function(){
var that = this;
return function(){
return that.name;
}
}
}
object.getName()();
此时有闭包产生,getName方法体中保存了引用该方法的this对象也就是obj,所以输出的是obj的name。