简单封装个防抖和节流

防抖

function debounce(fn, delay = 500) {
    let timer = null
    return function() {if(timer) {clearTimeout(timer)
        }
        timer = setTimeout(() => {fn.apply(this, arguments)
            timer = null
        }, delay)
    }
}

节流

function throttle(fn, delay = 200) {
    let timer = null
    return function() {if(timer) {return}
        timer = setTimeout(()=> {fn.apply(this, arguments)
            timer = null
        }, delay)
    }
}

注：防抖和节流的写法其实差不多，只是当 setTimeout 存在时，防抖和节流执行的逻辑有差别。

 防抖：触发高频事件时，在 delay 时间内函数最终只会执行一次，如果在 delay 时间内再次触发事件，则重新计算时间；节流：触发高频事件时，稀释函数执行的频率 

//fn.apply(this, arguments) 是为了方便调用时传参用。