防抖(debounce):当频繁触发事件后,N秒后执行一次,如果N秒内事件再次被触发,将重新计算时间。
节流(thorttle):频繁触发事件,但是N秒内只执行一次。

应用场景:

  • debounce:在搜索框中,当用户不断输入值的时候,用防抖来减少请求接口的次数。
  • throttle:大多用于按钮,为了避免用户多次点击按钮多次请求接口,用节流来减少请求接口的次数。

区别:防抖是将多次执行变为最后一次执行,节流是将多次执行变成每隔一段时间执行。

如何实现