Js防抖节流写法小结

最新推荐文章于 2024-10-14 20:45:14 发布

weixin_46245467

最新推荐文章于 2024-10-14 20:45:14 发布

阅读量1.3k

点赞数 2

分类专栏：前端开发文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46245467/article/details/108120654

版权

前端开发专栏收录该内容

3 篇文章 0 订阅

订阅专栏

Js防抖节流写法小结-记录一下吧

防抖

防抖-实际上就是将多次操作只是触发最后一次操作

function debounce(fn, delay=200){
  let timer = null
  return funtion(){
    if(timer){
      clearTimeout(timer)
    }
    timer = setTimeout(function(){
      // 执行fn 此处可以使用apply，但是直接执行也是可以的
      fn.apply(this,arguments)
    }, delay)
  }
}

节流

节流-和防抖不同的是不是只是执行最后一次的，而是在定时器预定时间内减缓执行的次数

function throttle(fn, delay=2 00){
  let timer = null
  return funtion(){
    if(timer){
      return
    }
    timer = setTimeout(function(){
       fn.apply(this,arguments)
    }, delay)
  }
}