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

节流&防抖

时间:2023-03-28 16:44:40 HTML

/**节流和防抖的区别限制执行次数,多次密集触发只执行一次节流:保存互动交流,《别着急,一一来,根据时间节奏,插队无效”,执行某项操作时,限制执行频率,有节奏执行节流关注“过程”,防抖关注“结果”,防抖用在什么场景:输入框、请求按钮节流:拖动、滚动*/functiondebounce(callback,delay=300){lettimer=null;return()=>{if(timer){clearTimeout(timer);timer=setTimeout(()=>{callback();timer=null;},delay)}}}functionthrottle(callback,delay=300){lettimer=null;return()=>{if(timer)returntimer=setTimeout(()=>{callback();timer=null;},delay)}}