防抖措施

最新推荐文章于 2025-06-10 09:45:49 发布

原创最新推荐文章于 2025-06-10 09:45:49 发布 · 299 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#防抖

js 专栏收录该内容

3 篇文章

订阅专栏

本文深入探讨了JavaScript中防抖(debounce)机制的实现原理，通过一个具体示例展示了如何限制函数调用频率，避免短时间内频繁触发事件导致的性能问题。防抖机制确保在指定时间内只执行一次函数，即使该事件被连续触发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//防抖机制在3秒内只有第一次点击生效，其它无效再过了3秒后循环(第一人说了算)
var num = 0;

function throttle(fn,interval){
     let last = 0;
     return function(){
         let context = this;
         let args = arguments;
         let now = +new Date();
         console.log(now,last,fn, 'now')
         if(now-last >= interval){
             last = now;
             fn.apply(context,args);
         }
     }
}

document.addEventListener('click',throttle(() =>{num++;console.log(num,'num')} ,3000));