JS--闭包的使用场景

2022-07-13 10:35:22

根据闭包保存变量的特性，可以有以下的使用场景。

setTimeout的回调函数传参

function f1(a){
   return function(){
      console.log(a)
   }
}

var fun = f1(10)
setTimeout(fun, 1000)

防抖

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

计数器

   var sum = 0;
    var obj = {
       inc:function () {
           sum++;
           return sum;
       }
};
    return obj;
}
let result = f1();
console.log(result.inc());//1
console.log(result.inc());//2
console.log(result.inc());//3

JS--闭包的使用场景