javascript - 限制和去抖动函数之间的区别

Question

谁能给我一个简单的解释，说明为了速率限制目的而对函数进行节流和去抖动之间的区别。

对我来说，两者似乎都做同样的事情。我检查了这两个博客以找出答案:

http://remysharp.com/2010/07/21/throttling-function-calls

http://benalman.com/projects/jquery-throttle-debounce-plugin/

Answer 1

简单来说:

• 限制会延迟执行函数。它将减少多次触发的事件的通知。
• 去抖动会将一系列对函数的连续调用合并为对该函数的单个调用。它确保为多次触发的事件发出一个通知。

您可以直观地看到差异here

如果你有一个函数被调用很多次——例如当一个调整大小或鼠标移动事件发生时，它可以被调用很多次。如果您不希望这种行为，您可以Throttle 它以便定期调用该函数。 去抖动意味着它在一堆事件的结束(或开始)时被调用。