当前位置: 首页 > Web前端 > JavaScript

功能防抖和节流

时间:2023-03-27 00:14:29 JavaScript

防抖和节流防抖功能触发后一定时间后触发。如果在这个时间段内再次触发,则计时简单实现//防抖功能functiondebounce(fun,delay){letrecord=nullreturn(...content)=>{if(record){clearTimeout(record)}record=setTimeout(()=>{fun(...content)},delay)}}函数节流一个函数在一段时间内被触发多次,只有一次才会生效简单实现//Throttle功能功能油门(乐趣,延迟){让记录=空返回(...内容)=>{如果(!记录){记录=设置超时(()=>{乐趣(...内容)清除超时(记录)记录=null},延迟)}}}