防抖和节流的区别

防抖

函数防抖(debounce):触发高频事件后n秒内,函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间,等到n秒后再执行。
例如:在一次触发事件时,不立即执行函数,而是给出一个期限值,比如500ms,
如果在500ms内没有再次触发事件,那么就500ms到了执行函数;
如果在500ms内再次触发事件,那么当前的计时取消,重新开始计时。
实现的效果:如果在短时间内触发同一事件,只会执行一次函数(用户触发事件过于频繁,只要最后一次事件的操作)。

节流

函数节流(throttle):高频事件触发,但在n秒内只会执行一次,所以节流会稀释函数的执行频率。
就类似于一个控制阀门,设计一种定期开放的函数,让函数执行一次后,在某个时间段内暂时失效,过了这段时间再重新激活。
实现的效果:如果在短时间内大量触发同一事件,那么在函数执行一次后,该函数在指定的时期内不再工作,直到过了这段时间才重新生效。(控制执行次数)

下面一张图看出防抖节流的区别:

猜你喜欢

转载自blog.csdn.net/weixin_62765236/article/details/128938847