js中的函数防抖和函数节流

一、函数防抖

函数防抖原理就是在函数执行前加一个等待时间，在这个等待时间内如果该函数又需要执行一次，就重新计算等待时间，再次等待，直到等待时间到了，还没有等到函数又需要执行的情况，才会执行这个函数。

使用场景【永远在执行最后一次】(举例：搜索，回到顶部)

设置定时器，通过return返回匿名函数，由debonce封装。使用时按需求传递参数即可。

二、函数节流

函数节流的原理是在函数执行后加一个冷却时间，函数在第一次执行时立马执行，但在其执行完后设置一个冷却时间，在冷却时间内，该函数不能再次执行，直到冷却时间结束允许该函数执行了，才可以再次执行。

使用场景【所有的数据请求】（举例：按钮，下拉刷新）

通过时间戳判断时间差，return匿名函数，由throttle 封装。使用时按需求传递参数即可。