https://lodash.com/docs#debounce
throttle
(又称节流)和debounce
(又称防抖)其实都是函数调用频率的控制器
throttle
:将一个函数的调用频率限制在一定阈值内,例如 1s 内一个函数不能被调用两次。
debounce
:当调用函数n秒后,才会执行该动作,若在这n秒内又调用该函数则将取消前一次并重新计算执行时间,举个简单的例子,我们要根据用户输入做suggest,每当用户按下键盘的时候都可以取消前一次,并且只关心最后一次输入的时间就行了。
lodash
对这两个函数又增加了一些参数,主要是以下三个:
-
leading,函数在每个等待时延的开始被调用
-
trailing,函数在每个等待时延的结束被调用
-
maxwait(debounce才有的配置),最大的等待时间,因为如果
debounce
的函数调用时间不满足条件,可能永远都无法触发,因此增加了这个配置,保证大于一段时间后一定能执行一次函数