js节流防抖

最新推荐文章于 2024-06-13 10:05:02 发布

haoranyyy

最新推荐文章于 2024-06-13 10:05:02 发布

阅读量324

点赞数 13

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/haoranyyy/article/details/139044362

版权

防抖

function debounce(fn,wait){
    let time=null;
    return function(...args){
        if(time){
            clearTimeout(time);
        }
        time=setTimeout(()=>{
            fn(...args);
        },wait);
    }
}

节流

使用时间戳实现

function throttle1(fn,wait){
    let p=0;
    return function(...args){
        let now = Date.now();
        if(now-p>wait){
            fn(...args);
            p=now;
        }
    }
}

使用定时器实现

function throttle2(fn,wait){
    let time=null;
    return function(...args){
        if(!time){
            time=setTimeout(()=>{
                fn(...args);
                time=null;
            },wait)
        }
    }
}