博客

闭包

1.概念

：

闭包是指有权访问另一个函数作用域中的变量的函数


2.特点

：

1. 两个嵌套关系的函数
2. 内部函数使用到外面函数局部变量或参数
3. 变量和参数不会被回收

3.闭包的优点

：

• 延伸了变量的作用域
• 有效的避免了全局变量污染
• 保护数据安全

4.闭包的缺点：


由于闭包会使函数中的变量保存在内存中，内存消耗很大（内存泄漏严重）

解决方法：退出函数之前，将不使用的局部变量删除。（销毁闭包）

5.闭包的使用场景

• 
  1.函数节流
  
  
  规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。

//fn是需要被节流的函数 delay是时间
function throttle(fn, delay) {
    let flag= true
    return function () {
      if (!flag) {
        return  // 如果开关关闭了，那就直接不执行下边的代码
      }
      flag= false // 持续触发的话，run一直是false，就会停在上边的判断那里
      setTimeout(() => {
        fn.apply(this, arguments)
        flag= true // 定时器到时间之后，会把开关打开，我们的函数就会被执行
      }, delay)
    }
  }

• 
  函数防抖
  

在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。

实现的关键就在于setTimeOut这个函数，由于还需要一个变量来保存计时，考虑维护全局纯净，可以借助闭包来实现。

/*
* fn [function] 需要防抖的函数
* delay [number] 毫秒，防抖期限值
*/
function debounce(fn,delay){
    let timer = null
    //借助闭包
    return function() {
        if(timer){
            clearTimeout(timer) //进入该分支语句，说明当前正在一个计时过程中，并且又触发了相同事件。所以要取消当前的计时，重新开始计时
            timer = setTimeOut(fn,delay) 
        }else{
            timer = setTimeOut(fn,delay) // 进入该分支说明当前并没有在计时，那么就开始一个计时
        }
    }
}