lodash throttle和debounce

 https://lodash.com/docs#debounce函数

throttle(又称节流)和debounce(又称防抖)其实都是函数调用频率的控制器code

throttle:将一个函数的调用频率限制在必定阈值内,例如 1s 内一个函数不能被调用两次。get

debounce:当调用函数n秒后,才会执行该动做,若在这n秒内又调用该函数则将取消前一次并从新计算执行时间,举个简单的例子,咱们要根据用户输入作suggest,每当用户按下键盘的时候均可以取消前一次,而且只关心最后一次输入的时间就好了。it

lodash 对这两个函数又增长了一些参数,主要是如下三个:配置

  • leading,函数在每一个等待时延的开始被调用lodash

  • trailing,函数在每一个等待时延的结束被调用di

  • maxwait(debounce才有的配置),最大的等待时间,由于若是 debounce 的函数调用时间不知足条件,可能永远都没法触发,所以增长了这个配置,保证大于一段时间后必定能执行一次函数时间

相关文章
相关标签/搜索