说明:此文章仅供参考和学习使用,转载请注明出处。
1.防抖:阻止一个函数在很短的时间间隔内连续调用。只有在上一次函数调用执行后达到规定的时间间隔,才能进行下一次调用,但要保证一个一个累计最小调用的时间。相当于将若干函数的调用,合并为在某个固定的时间间隔内的一次函数的调用,只要不是最后一次触发,就不异步执行请求。
应用场景: 函数节流一般用于,onresize,onscroll等短时间内会多次触发的事件。
实现原理: 当触发一个事件时,先用一次性定时器setTimeout让这个事件延迟一小段事件再执行。如果这个事件间隔内又触发了该事件,则clearTimeout清除原来的定时器,再setTimeout一个新的定时器重复以上步骤。
2.实现过程:为了方便大家理解,因此代码分为两部分,一部分为基础写法,一部分为重构后的写法,两种都是一样的。
Document
Document
实现效果:
未开启节流之前:

没点击一次,btn提交一次请求。
开启节流效果之后:


每隔两秒之后,请求返回后才执行下一次点击事件,期间点击按钮触发的其他事件都未执行。
6.节流和防抖的区别:
防抖:只要不是最后一次触发,就不异步执行请求
节流:第一次发送请求后,只要响应没回来,就不能发送第二次请求。
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/199120.html原文链接:https://javaforall.net
