如何实现防抖和节流

防抖和节流是在前端开发中经常用到的技术，用于对频繁触发的行为进行频率或者次数的限制。

目录

• 简介
• 防抖
• 节流
• 综述
• 使用throttle-debounce包
• 使用lodash

简介

在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。

通常这种情况下我们怎么去解决的呢？一般来讲，防抖和节流是比较好的解决方案。

防抖是控制次数，节流是控制频率。

防抖

比如：清除定时器、input验证、搜索联想、window.onresize事件都可以使用防抖来避免频繁触发。

思路：首次运行时把定时器赋值给一个变量，第二次执行时，如果间隔没超过定时器设定的时间则会清除掉定时器，重新设定定时器，依次反复，当我们停止下来时，没有执行清除定时器，超过一定时间后触发回调函数。

<