什么是闭包
闭包就是可以访问外部函数中的变量的内部函数,在JavaScript中,只有函数内部的子函数才能读取局部变量,因此可以把闭包理解成定义在一个函数内部的函数。本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。
function f1(){
var n=999;
function f2(){
alert(n);
}
return f2;
}
var result=f1();
result(); // 999
上面代码中的f2函数就是闭包
形成闭包的条件
- 函数嵌套
- 内部函数中引用了外部函数的变量
- 将内部函数作为返回值返回
闭包是什么时候产生的
闭包是在内部函数对象创建时产生的,当调用外部函数时,闭包就已经产生了。外部函数每调用一次,就会产生一个闭包,闭包和闭包之间是相互独立的
闭包的作用
- 延长局部变量的生命周期
- 让函数外部可以操作内部的局部变量
区别产生闭包和使用闭包
产生闭包:内部函数对象创建时
使用闭包:执行内部函数时
释放闭包:让内部函数成为垃圾对象,断开指向它的引用
注意点
不能滥用闭包,由于闭包会使函数中的变量都被保存在内存中,所以内存消耗很大,滥用闭包会造成网页的性能问题,在IE中科能导致内存泄露。
解决方法:在退出函数之前,将不使用的局部变量全部删除。
使用场景
- 原生的setTimeout传递的第一个函数不能带参数,可以通过闭包实现传参效果
function f1(a) {
function f2() {
console.log(a);
}
return f2;
}
var fun = f1(1);
setTimeout(fun,1000);//一秒之后打印出1
- 隐藏数据
// 闭包隐藏数据,只提供 API
function createCache() {
const data = {} // 闭包中的数据,被隐藏,不被外界访问
return {
set: function (key, val) {
data[key] = val
},
get: function (key) {
return data[key]
}
}
}
const c = createCache()
c.set('a', 100)
console.log( c.get('a') )