js节流和防抖

最新推荐文章于 2025-12-24 10:29:31 发布

原创最新推荐文章于 2025-12-24 10:29:31 发布 · 70 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

本文详细介绍了如何使用throttle函数实现防抖和节流技巧，帮助开发者提升JavaScript性能，避免频繁调用导致的资源浪费。


function throttle(fuct,delay){
  let pre //先前的时间
  let timeoutId //清除一次定时器
  return function () {
    let now = Data.now()
    if(!pre || now>=pre+delay){
      pre = now
      fuct() //执行回调函数
    }else{
      clearTimeout(timeoutId)
      timeoutId = setTimeout(()=>{
        pre = null
      },delay)
    }
  }

}

简单的防抖与节流