【JS】防抖和节流

共同点

两者都是一定时间段内只执行一次

区别

防抖的时间段可变（下次的执行时间会重新计算），两次执行的间隔时间可能无限长

节流的时间段是固定的，两次执行的间隔时间在一个范围内 [gap, 2gap]

（上面说的时间间隔，前提是事件一直在频繁触发）

适用场景

防抖：（连续的事件只触发一次）

resize：窗口最后一次更新resize，才会执行重新渲染的逻辑

input：手机号输入，最后一次输入完字符，才会执行检查的逻辑

节流：（间隔一段时间只执行一次）

滚动加载：一段时间内触发多次加载，只执行一次

表单高频点击提交：一段时间内只执行一次，防止重复提交

 

ref：https://www.cnblogs.com/aurora-ql/p/13757733.html