debounce,throttle 区别及实现

Posted fewhj

tags:

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

debounce: 某段时间内,无论触发多少次,都在最后触发的一次后t秒时间去执行一次回调,eg:公交车不论上多少人,都会在最后一个人上车t秒后去执行关门的操作;

throttle:每隔t秒去执行一次回调,eg:控制水龙头的阀门,每隔t秒掉下一滴水;

结合下面的图可以理解的更清楚些:

技术图片

 

以上是关于debounce,throttle 区别及实现的主要内容,如果未能解决你的问题,请参考以下文章

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

debounce与throttle区别

实现debounce和throttle函数

节流(Throttling)和去抖(Debouncing)详解

性能提速:debounce(防抖)throttle(节流/限频)

debounce(防抖)和throttle(节流)