简略版防抖节流函数

最新推荐文章于 2024-09-04 20:18:34 发布

ALKEN ABBY

最新推荐文章于 2024-09-04 20:18:34 发布

阅读量151

点赞数

分类专栏：开发中的实用方法和函数文章标签： html5 javascript html

本文链接：https://blog.csdn.net/qq_45803050/article/details/121584531

版权

开发中的实用方法和函数专栏收录该内容

54 篇文章 0 订阅

订阅专栏

本文介绍了两种JavaScript性能优化技巧——防抖(debounce)和节流(throttle)函数的简单实现。防抖函数用于限制频繁触发的事件处理函数，在最后一次触发后等待指定时间再执行；节流函数则确保在设定的时间间隔内执行一次，适用于控制执行频率的场景，如滚动事件或窗口resize事件处理。

摘要由CSDN通过智能技术生成

简略版防抖节流函数

function debounce(func,wait){
    let timeout;
    return function(){
        clearTimeout(timeout);
        timeout=setTimeout(() => {
            func();
        }, wait);
    }
}


function throttle(func,wait){
    let timeout;
    return function(){
        if(!timeout){
            timeout=setTimeout(()=>{
                func();
                timeout=null;
            },wait);
        }
    }
}

欢迎交流

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ALKEN ABBY

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简略版防抖节流函数

简略版防抖节流函数function debounce(func,wait){ let timeout; return function(){ clearTimeout(timeout); timeout=setTimeout(() => { func(); }, wait); }}function throttle(func,wait){ let timeout; return f
复制链接

扫一扫