一分钟秒懂JS节流和防抖函数

一分钟秒懂JS节流和防抖函数

1. 防抖与节流
   1.1 防抖
   防抖: 触发事件后,在n秒内函数只执行一次

记忆: 你手比较抖,不小心按了按钮2下…你只希望它只执行一次.且按第二次结束时间算…这就用到了防抖技术

1.2 节流
节流: 连续发生的事件,在n秒内只执行一次函数

1.3 防抖与节流的区别
在一段时间内,不管触发多少次事件,事件处理函数都只处理一次称之为节流
防抖,是在最后一次事件发生时开始计算,到固定时间触发

函数节流

一段时间，只能触发一次，再触发就忽略掉，如一分钟之内多次指纹打卡。
注* +new Date()相当于new Date().getTime() //当无参数时，括号可以省略

简单运用：

打印结果：

函数防抖

案例
打印结果

计划在一段时间后执行某任务，如果在这段时间内又一次触发，则重新等待，如搜索时，会在输入停止1s后到后台搜索，如果在1s内再次输入，重新计时。