防抖和节流函数实现

2025 年 3 月 26 日星期三(已编辑)

这篇文章上次修改于 2025 年 3 月 26 日星期三，可能部分内容已经不适用，如有疑问可询问作者。

1.手写防抖

function debounce(handleEvent, time, flag){
    let timeout = null;
    return function(...agrs){
        clearTimeout(timeout)
        if(flag && !timeout){
            handleEvent.apply(this, args)
        }
        timeout = setTimeout(()=>{
            handleEvent.apply(this, args)
        },time)
    }
}

2.手写节流

function throttle(handleEvent, time){
    let timer = null;
    return function(...args){
        if(!timer){
            timer = setTimeout(() => {
                timer = null;
                handleEvent.apply(this, args)
            }, time);
        }
    }
}

使用社交账号登录