闭包是指有权访问另一个函数作用域中变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,创建的函数可以访问到当前函数的局部变量。
闭包有两个常用的用途:
第一个用途是使我们在函数外部能够访问到函数内部的变量。通过使用外包,可以在外部调用闭包函数,从而在外部访问到函数内部的变量,可以使用这种方法来创建私有变量。
第二个用途是使已经运行结束的函数上下文中的变量对象继续留在内存中,因为闭包函数保留了这个变量对象的引用,所以这个变量对象不会被回收。
比如,函数A内部有一个函数B,函数B可以访问到函数A中的变量,那么函数B就是闭包。
function A(){
let a = 1 ;
return function (){
console.log(a);
}
}
let res = A(); //返回的是匿名函数
res(); //1
- 优点: 可以重复使用变量,并且不会造成变量污染。
- 缺点:会引起内存泄漏。
在JS中,闭包存在的意义就是让我们可以间接访问函数内部的变量。
经典面试题:循环中使用闭包解决var定义函数的问题
for(var i=1; i<=5; i++){
setTimeout(function timer(){
console.log(i);
},i*1000)
} //5个 6
因为 setTimeout 是个异步函数,所以先把同步程序 循环全部执行完毕,这时候i就是6了,所以会输出一堆6,解决办法有三种:
第一种方法:是使用闭包的方式
for(var i=1; i<=5; i++){
(function(j){
setTimeout(function timer(){
console.log(j);
},j*1000)
})(i)
} // 1 2 3 4 5
在上述代码中,首先使用了立即执行函数将i传入函数内部,这个时候就被固定在了参数 j上面不会改变,当下次执行timer这个闭包的时候,就可以使用外部函数的变量j,从而达到目的。
第二种方法:就是使用setTimeout的第三个参数,这个参数会被当成timer函数的参数传入。
for(var i=1; i<=5; i++){
setTimeout(function timer(j){
console.log(j);
},i*1000,i)
} // 1 2 3 4 5
第三种方法:就是使用let定义i来解决问题,这个也是最为推荐的方式
for(let i=1; i<=5; i++){
setTimeout(function timer(){
console.log(i);
},i*1000)
} // 1 2 3 4 5