如何产生闭包?
当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时,就产生了闭包
产生闭包的条件:
函数嵌套
内部函数引用外部函数的数据(变量/函数)
闭包作用:
- 使用函数内部的变量在函数执行完后,仍然存活在内存中(延长了局部变量的声明周期)
- 让函数外部可以操作(读写)到函数内部的(变量|函数)
问题:
函数执行完后,函数内部的局部变量不再存在
例如下面的代码fn2局部变量被销毁,但是其函数对象仍有f在指向,所以没有释放
但是变量a仍然存在,因为有闭包在用
如果没有引用闭包,内部变量将被销毁
在函数外部不能直接访问函数内部的局部变量,只能通过闭包进行访问
function fn1() {
//因为函数提升的原因,此时闭包就已经产生了
var a=2;
function fn2() {
a++;
console.log(a);
}
//闭包产生
var fn3 = function(){
}
return fn2();
}
var f = fn1();
f();
f();
f=null; //闭包死亡,原因是因为包含闭包的函数对象称为垃圾对象
闭包的声明周期:
- 产生: 在嵌套内部函数定义执行完时就产生了,而不是在调用的时候
- 死亡:在嵌套的内部函数称为垃圾对象时
闭包的应用:定义js模块
- 具有特定功能的js文件
- 将所有的数据和功能都封装在一个函数内部(私有的)
- 只向外暴露一个含有n个方法的对象或函数
- 模块的使用者,只需要通过模块暴露的对象调用方法来实现对应的功能
(function () {
var msg = 'mymodulestring';
function domodule() {
console.log('domodule'+msg.toUpperCase());
}
function doother() {
console.log('doother'+msg.toLowerCase());
}
//立即函数自调用,通过添加为window属性实现暴露
window.mymodule2 = {
domodule:domodule,
doother:doother
};
})();
//方便代码压缩
(function (w) {
var msg = 'mymodulestring';
function domodule() {
console.log('domodule'+msg.toUpperCase());
}
function doother() {
console.log('doother'+msg.toLowerCase());
}
//立即函数自调用,通过添加为window属性实现暴露
w.mymodule2 = {
domodule:domodule,
doother:doother
};
})(window);
闭包缺点
函数执行完后,函数内的局部变量没有释放,占用内存时间会变长
容易造成内存泄露
因此,要尽量避免应用闭包,即使用闭包,也要及时释放
- 内存溢出:
一种程序运行出现的错误
当程序运行需要的内存超过了剩余的内存时,就会抛出内存溢出的错误
- 内存泄露
占用的内存没有及时释放
内存泄露积累多了就容易导致内存溢出
- 常见的内存泄露:
意外的全局变量
没有及时清理的计时器或回调函数
闭包
var name = 'the window'
var object = {
name:'my object',
getNameFunc:function(){
return function(){
return this.name;
}
}
}
console.log(object.getNameFunc()()); //the window
var name2 = 'the window'
var object2 = {
name2:'my object',
getNameFunc:function(){
var thar = this; //有闭包,内部函数引用了外部函数变量
return function(){
return this.name;
}
}
}
console.log(object2.getNameFunc()()); //my object