聊一聊js中的闭包

闭包是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. 模块化开发，防止污染全局变量