速进!!!三分钟带你认识JS函数节流和函数防抖的作用!

js函数节流和函数防抖的作用

函数节流

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

函数防抖

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

在这里插入图片描述
最后运行起来代码如下:
在这里插入图片描述
由此可得,节流是第一次,防抖是第五次。它们都是要用闭包,这样就可以降低代码冗余度也可以防止全局变量污染作用域。

看到这里,希望对我们有帮助哈,一起加油!!!

猜你喜欢

转载自blog.csdn.net/Yan_Ting_Yan/article/details/106522546