防抖(Debounce)与节流( throttle)区别

Posted 2020-08-20

throttle的作用是，预先设定一个执行周期，当调用动作的时刻大于等于执行周期则执行该动作，然后进入下一个新的时间周期。
debounce的作用是，当调用动作触发一段时间后，才会执行该动作，若在这段时间间隔内又调用此动作则将重新计算时间间隔。
debounce：把触发非常频繁的事件合并成一次执行。
throttle：设置一个阀值，在阀值内，把触发的事件合并成一次执行；当到达阀值，必定执行一次事件。

lodash.js中有两者很好的函数封装调用：_.throttle与_.debounce

当然也可以自己简单实现。