解释一下什么是防抖(Debounce)和节流(Throttle)? (面试题)

嘿！让我们一起来解释一下防抖（Debounce）和节流（Throttle）这两个在前端开发中常用的性能优化技术。

首先，让我们来说说防抖。防抖是一种技术，用于控制事件处理函数的执行频率。当一个事件被触发后，防抖会等待一段时间，如果在这段时间内事件再次被触发，计时会被重新开始。只有在一段时间内没有事件再次触发后，事件处理函数才会被执行。这样可以避免频繁触发事件导致过多的计算和处理。比如说，当用户在输入框中输入内容时，连续触发的事件会被延迟处理，只在用户输入完成后执行搜索请求。

接下来，我们来说说节流。节流也是一种控制事件处理函数执行频率的技术。当一个事件被触发后，节流会每隔一段时间执行一次事件处理函数。无论事件触发多少次，都只会在规定的时间间隔内执行一次处理函数。这样可以降低事件处理的计算量和资源占用。比如说，当用户滚动页面时，滚动事件会被节流处理，控制事件处理的频率，从而减少滚动时的性能消耗。

这两种技术的应用场景有些不同。防抖常用于需要用户输入或者连续触发事件的场景。它能够减少不必要的计算和处理，只在用户输入完成或者事件停止触发后执行相应的操作。而节流常用于需要控制事件处理频率的场景，比如页面滚动事件或者鼠标移动事件。通过控制事件的执行频率，节流可以降低事件处理的计算量，提高页面的性能表现。 作者：一直无忧无虑的小白
https://www.bilibili.com/read/cv25068346 出处：bilibili