闭包是js中里面的一个重要的知识内容,我们在日常的开发中也经常会使用到闭包,比如防抖节流啊,这些都用闭包实现的,函数的颗粒化啊等等,接下来我们聊聊闭包
闭包的概念
定义:在javascript中,根据词法作用域的规则,内部函数总是可以访问外部函数中声明的变量的,当通过调用一个外部函数返回的内部函数后,即使该外部函数已经执行完毕,但是内部函数引用外部函数的变量依然保存在内存中,我们把这些变量的集合称为闭包。
接下来我们来看一段代码看看会打印什么?
function test() {
for(var i = 0; i < 8; i++) {
setTimeout(() => {
console.log(i)
})
}
}
test() // ?
//会打印8个8
为什么是打印8个8,而不是0,1,2,3,4,5,6,7呢?
因为for循环是同步执行代码,setTimeout时候异步执行代码,var声明的作用域范围在函数作用域范围内,所以js代码中,i是在test这个作用域里,所以当for循环结束后i就等于8,然后setTimeout执行打印8个8。
解决办法闭包,利用一个自执行函数产生一个闭包
function test() {
for(var i = 0; i < 8; i++) {
(function(i) {setTimeout(() => {
console.log(i)
})}(i)
}
}
闭包的缺点
闭包会导致原有的作用域链不释放,造成内存泄漏
闭包的应用
1. 可以实现公有化变量 (企业的模块开发)
2. 防抖节流,函数颗粒化,bind的实现
3. 实现属性的私有化
4. 模块化开发,防止污染全局变量