JS封装一个防抖函数与节流函数

2020-08-16  本文已影响0人  Thesand

防抖函数

// 防抖
function debounce(fn, delay = 500) {
    // timer 是闭包中的
    let timer = null
    return function () {
        if (timer) {
            clearTimeout(timer)
        }
        timer = setTimeout(() => {
            fn.apply(this, arguments) 
            timer = null
        }, delay)
    }
}

节流函数

// 节流
function throttle(fn, delay = 100) {
    // timer 是闭包中的
    let timer = null
    return function () {
        if (timer) {
            return
        }
        timer = setTimeout(() => {
            fn.apply(this, arguments)
            timer = null
        }, delay)
    }
}
上一篇下一篇

猜你喜欢

热点阅读