手写防抖

Posted on 2022-12-30 17:23  fvnkrenfkjkd  阅读(34)  评论(0)    收藏  举报

手写一个防抖

防抖和节流都是依托定时器来完成的
let timer=null
input1.addEventLister('keyup',function(){
    if(timer){
      clearTimeout(timer)
    }
   timer=setTimeout(()=>{
       console.log(123)
        timer=null
},1000)
})

防抖的封装

     let timer=null
     return function(){
        if(timer){
      clearTimeout(timer)
    }
   timer=setTimeout(()=>{
       console.log(123)
        timer=null
},delay)
}

}
input.addEventListener('keyup',debounce(()=>{console.log(123)},600))

博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3