简介

js 防抖与节流学习笔记。

防抖

/** 防抖: interval 间隔内重复执行, 取消后重新计时, 只响应最后一次 */
function debounce(fn, delay = 200){
    let timer;
    return function(...args) {
        const _this = this;
        if (timer) clearTimeout(timer);
        timer = setTimeout(function() {
            timer = null;
            fn.apply(_this, args);
        }, delay);
    };
}

节流

/** 节流: 每个 interval 间隔内执行 1 次 */
function throttle(callback, interval = 200) {
    let last = null;
    return function (...args) {
        let now = new Date();
        if (!last || now - last >= interval) {
            last = now;
            callback.apply(this, args);
        }
    }
}