防抖函数&节流函数

防抖函数

能够控制某个方法的执行次数。如果一个方法在一定时间内的执行次数过多而我们并不需要这个方法执行很多次，我们就可以使用防抖函数来减少函数的执行次数。

//防抖函数
const debounce = function (func, delay, immediately = false) {
    let timer = null
    if (immediately) {  //立即执行操作
        return function (...args) {
            if (timer) clearTimeout(timer);
            let callNow = !timer;
            timer = setTimeout(() => {
                timer = null
            }, delay)
            if (callNow) func.apply(this, args)
        }
    } else {  //delay时间后执行操作
        return function (...args) {
            if (timer) clearTimeout(timer)
            timer = setTimeout(() => {
                func.apply(this, args)
            }, delay)
        }
    }
}

节流函数

节流函数的作用是在某一段时间内函数只执行一次，它能控制函数的执行频率。

//节流函数
const throttle = function (func, delay) {
    let timer = null
    return function (...args) {
        if (!timer) {
            timer = setTimeout(() => {
                timer = null
                func.apply(this, args)
            }, delay)
        }
    }
}