通俗理解防抖和节流

防抖节流前端都在说，我来通俗分享一下我对它们思想的理解~

1、前端都在说的防抖和节流，它们是做什么的？

答： 限制函数的执行次数
防抖和节流都是为了限制函数的执行次数，避免短时间不必要的多次函数执行

2、为什么会有防抖和节流？（它们的相同点）

答： 防止高频调用函数带来的性能损耗和卡顿；

3、它们分别是什么？（它们的不同点）

答：
防抖：连续多次触发事件，只执行最后一次
节流：n秒内多次触发事件，只执行一次

4、它们的使用场景常用的有哪些？

答：
防抖：
1）search搜索联想时，用户在不断输入值时，搜索框下面自动补全搜索关键字（用防抖来实现当用户暂停连续输入时才处理用户输入的数据）
2）输入手机号，邮箱验证时输入字符的检测（用防抖来实现当用户暂停连续输入时才处理用户输入的数据）

节流：
1）触底加载更多/滚动加载更多事件（用节流来规避前端事件的不断触发引起的性能问题）
2）防止重复点击事件（用节流来避免表单重复提交/按钮重复点击）

---

防抖节流的代码可以在网上找一下，到处都是
就是这些啦，喜欢就关注我吧~，有任何疑问可以给我留言