简单理解闭包(闭包是什么?)

有的小伙伴有时候不太能搞明白闭包到底是怎么样的？今天带大家简单认识一下闭包

---说的通俗一点就是可以在函数外部访问到函数内部的变量。因为正常情况下函数外部是访问不到函数内部作用域变量的,作用域分为了全局.函数级.块级作用域.
---表象判断是不是闭包:函数嵌套函数,内部函数被 return，内部函数调用外层函数的局部变量
---优点：可以隔离作用域，不造成全局污染
---缺点：由于闭包长期驻留内存，则长期这样会导致内存泄露
---如何解决内存泄露：将暴露外部的闭包变量置为 null
---适用场景：在性能优化的过程中,使用节流防抖函数就是闭包的原理,导航栏获取下标的使用

闭包的定义其实很简单，比方说：函数A内部有一个函数B，可以访问到函数A中的变量，name函数B就是闭包

function A(){
    let a=1
    window.B=function(){
        console.log(a)
    }
}
A()
B()//1

闭包存在的意义就是让我们可以间接访问函数内部的变量

经典面试题，循环中使用闭包解决var定义函数的问题

for（var i=1;i<=5;i++）{
    setTimeout(function timer(){
        console.log(i)
    },i*1000)
}

首先因为setTimeout是个异步函数，所以会先把循环全部执行完毕，这时候i就是6了，所以会输出一堆6

解决方法有三种
1.第一种是使用闭包的方式

for（var i=1;i<=5;i++）{
    ；(function(j){
    setTimeout(function timer(){
        console.log(j)
    },j*1000)
    })(i)
}

在上述代码中，我们首先使用了立即执行函数将 i 传入函数内部，这个时候值就被固定在了参数 j 上面不会改变，当下次执行 timer 这个闭包的时候，就可以使用外部函数的变量 j ，从而达到目的

2. 第二种就是使用 setTimeout 的第三个参数，这个参数会被当成 timer 函数的参数传入

for (var i = 1; i <= 5; i++) {
   setTimeout(
     function timer(j) {
        console.log(j)
     },
     i * 1000,
     i
     )
}

3. 第三种就是使用 let 定义 i 了来解决问题了，这个也是最为推荐的方式

for (let i = 1; i <= 5; i++) {
    setTimeout(function timer() {
    console.log(i)
    }, i * 1000)
}

今天就简单的写到这里啦！有哪里不对的，小伙伴可以告诉我 及时改正😉