节流和防抖

最新推荐文章于 2024-09-14 18:52:56 发布

单某人

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量89

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_46441816/article/details/125463073

版权

本文深入探讨了JavaScript中两种重要的性能优化技术——防抖(debounce)和节流(throttle)。防抖函数用于限制函数的执行频率，避免在频繁触发时连续执行，例如滚动事件。节流函数则确保在一定时间内只执行一次，常用于窗口的resize或scroll事件处理。通过示例代码，文章详细解释了两种方法的工作原理和应用场景，帮助开发者提高代码性能。

摘要由CSDN通过智能技术生成

防抖

function debounce(fun,time){
  let timer
  return function(){
    clearTimeout(timer)
    timer=setTimeout(()=>{
      fun.apply(this,arguments)
    },time)
  }
}

节流
```javascript
function  throttle(fun,time){
  let canRun = true
  return function(){
  if(!canRun) return
   canRun=false
   setTimeout(()=>{
      fun.apply(this,arguments)
       canRun = true
    },time)
  }
}