js防抖和节流的原理 应用场景

1.防抖：

原理：防抖是指在做某件事情前，需要等一段时间，如果在这段时间内又请求了，那么会把上一次的请求取消，重新计时。

应用场景：比如input输入框的搜索框，用户在输入的时候，会发起不断的请求，而防抖技术，则可以在短时间内连续输入的时候，只发起一次请求。

2.节流：

原理：节流指的是在一定时间内，只能做一件事，可以简单理解成执行一次函数，必须等上一次函数执行完才能执行下一次函数。

应用场景：比如在页面滚动到底部，需要发送ajax请求加载更多数据，如果用户一直滚动，就会一直发送请求，而节流技术，可以在一定时间内只发送一次请求。