一、什么是闭包
闭包:JS中内层函数可以访问外层函数的变量,外层函数无法操作内存函数的变量的特性。我们把这个特性称作闭包。
闭包=内层函数+引用的外层函数变量
闭包示例:
<script>
function outer(){
let a=10
function fn(){
console.log(a)
}
fn()
}
</script>
闭包什么时候使用return:外部如果想使用闭包的变量,则需要return
<script>
function outer(){
let a=10
return function(){
console.log(a)
}
}
const fn=outer()
fn()
</script>
二、闭包特点
1.让外部访问函数内部变量变成可能
2.变量会常驻在内存中
3.可以避免使用全局变量,防止全局变量污染;
三、闭包的好处
1.隔离作用域,保护私有变量;
1.前方法 这个count是全局变量,很容易被修改
let count=1
function fn(){
count++
console.log(`函数被修改了${i}次`)
}
2.闭包 实现了数据的私有,无法直接改count
function fn(){
let count=1
function fun(){
count++
console.log(`函数被修改了${i}次)
}
return fun
}
const result=fn()
result()
2.让我们可以使用回调,操作其他函数内部;
3.变量长期驻扎在内存中,不会被内存回收机制回收,即延长变量的生命周期;
四、闭包的坏处
内层函数引用外层函数变量,内层函数占用内存。如果不释放内存,过多时,易引起内存泄露。
五、内存泄漏
function fn(){
let count=1
function fun(){
count++
console.log(`函数被修改了${i}次)
}
return fun
}
const result=fn()
result()
谁会存在内存泄露?count变量
借助于垃圾回收机制的 标记清除法可以看出:
①result是一个全局变量,代码执行完毕不会立即销毁
②result使用fn函数
③fn用到fun函数
④fun函数里面用到count
⑤count被引用就不会被回收,所以一直都存在
此时:闭包引起了内存泄漏
六、闭包用途
- 将函数作为另一个函数的返回值
- 将函数作为实参传递给另一个函数调用