debounce和throttle

// 常用于window resize 或 scroll监听
function debounce(fn, wait) {
  wait = wait || 0
  let timerId

  return function () {
    let context = this
    let args = arguments

    if (timerId) {
      clearTimeout(timerId)

      timerId = null
    }
    timerId = setTimeout(function () {
      fn.apply(context, args)
    }, wait)
  }
}

// 常用于按钮提交 或 实时查询
function throttle(fn, threshhold) {
  let last, timer
  threshhold || (threshhold = 200)

  return function () {
    let context = this
    let args = arguments

    let now = +new Date()

    if ((last && now < last + threshhold)) {
      clearTimeout(timer)

      timer = setTimeout(function () {
        last = now
        fn.apply(context, args)
      }, threshhold)
    } else {
      last = now
      fn.apply(context, args)
    }
  }
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容