每天一道笔试题 防抖和节流

防抖

// 防抖的定义: 连续触发一个函数,当间隔多少秒之后没有触发,才响应一次事件
function db(fn, delay) {
    var timer = null
    return function () {
        clearTimeout(timer)
        timer = setTimeout(() => {
            fn.apply(this, arguments)
        }, delay)
    }
}

function a() {
    console.log('2');
}

const as = db(a, 1000)

as()
as()
as()
as()
as()
setTimeout(() => {
    as()
}, 1100);
setTimeout(() => {
    as()
}, 1100);

节流

// 节流的定义: 一段时间内,不管触发多少次,只响应一次
function th(fn,delay){
    let timer = null
    return function(){
        if(!timer){
            timer = setTimeout(()=>{
                fn.apply(this,arguments)
                timer = null
            },delay)
        }
    }
}

function a(){
    console.log('3');
}

const as = th(a,1000)
as()
as()
as()
setTimeout(()=>{
    as()
},1000)
as()