函数反抖 debounce

Posted intangible

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了函数反抖 debounce相关的知识,希望对你有一定的参考价值。

debounce :
如果在一段延时内又触发了事件,则重新开始延时。即每次触发事件,只触发最近一次的事件。

const debounce = (fn, duration) => {
  let timer = null;
  return () => {
    clearTimeout(timer);
    
    timer = setTimeout(() => {
        fn();
    },duration);
  }
}

  


以上是关于函数反抖 debounce的主要内容,如果未能解决你的问题,请参考以下文章

09.debounce 方法

JavaScript函数节流(throttle)与函数去抖(debounce)

实现debounce和throttle函数

React 类组件及函数组件结合Lodash debounce需要注意的问题和一种解决方法

"setTimeout" VS "debounce" 插件 - 延迟事件的代码执行

Lodash 之 debounce