闭包是什么
闭包本质是作用域的延申。它的实际意义是跨作用域访问的桥梁,也可以这样阐述:即使在作用域之外调用,仍然可以访问它的作用域范围。
闭包的作用场景
组件开发
我们可以利用闭包来保护或隐藏某些信息。可以返回一组存储在对象上的函数,它们都是闭包。
const ganttu = (function(){
let id = '000'
return {
getGanttuId(){
return id
},
setGanttuId(newId){
id = newId
}
}
})
const ganttu1 = ganttu()
ganttu1.setGanttuId('111')
ganttu1.getGanttuId() // 111
基础缓存记忆
假设我们需要创建一个计数器,为了确保数字总是在递增,那么我们需要缓存上一次的数字,这种情景下也可以使用闭包。
const count = (initCount)=>{
let c = initCount
return ()=>{
return ++c
}
}
const counter1 = count(10)
counter1() // 11
counter1() // 12
const counter2 = count(20)
counter2() // 21
counter2() // 22
闭包造成内存泄漏的说明
当浏览器在执行一个闭包函数的时候,会生成一个作用域链。作用域链里面包含Local,Closure,Global三种类型的作用域。其中Closure(如下图)就表示是闭包里面保存的东西(比如变量、函数),这里的变量无法清除,如果一直不关闭当前页面,这个变量就会一直占用内存空间,如果变量很多,就会造成内存泄漏。