手写防抖

Posted on 2022-12-30 17:23  fvnkrenfkjkd  阅读(22)  评论(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))

Copyright © 2024 fvnkrenfkjkd
Powered by .NET 8.0 on Kubernetes