一分钟秒懂JS节流和防抖函数
- 防抖与节流
1.1 防抖
防抖: 触发事件后,在n秒内函数只执行一次
记忆: 你手比较抖,不小心按了按钮2下…你只希望它只执行一次.且按第二次结束时间算…这就用到了防抖技术
1.2 节流
节流: 连续发生的事件,在n秒内只执行一次函数
1.3 防抖与节流的区别
在一段时间内,不管触发多少次事件,事件处理函数都只处理一次称之为节流
防抖,是在最后一次事件发生时开始计算,到固定时间触发
函数节流
一段时间，只能触发一次，再触发就忽略掉，如一分钟之内多次指纹打卡。
注* +new Date()相当于new Date().getTime() //当无参数时，括号可以省略
简单运用：
打印结果：
函数防抖
案例
打印结果
计划在一段时间后执行某任务，如果在这段时间内又一次触发，则重新等待，如搜索时，会在输入停止1s后到后台搜索，如果在1s内再次输入，重新计时。