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