防抖节流

Bing🐣代码笔记小于 1 分钟

防抖节流

image
image

防抖函数(debounce)

防抖函数原理:在事件被触发 n 秒后再执行回调,如果在这 n 秒内又被触发,则重新计时。

function debounce(fn, time) {
  let timer = null
  return (...args) => {
    clearTimeout(timer)
    timer = setTimeout(() => {
      fn.apply(this, args)
    }, time)
  }
}

节流函数(throttle)

防抖函数原理:规定在一个单位时间内,只能触发一次函数。如果这个单位时间内触发多次函数,只有一次生效。

function throttle(fn, time) {
  let inTime = false
  return (...args) => {
    if (inTime) return
    inTime = true
    setTimeout(() => {
      fn.apply(this, args)
      inTime = false
    }, time)
  }
}
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.14.7