browser-utily-tools/src/useDebounce.js

Utility tools in the browser environment

/**
 *
 * @param {fn} eventHandler 执行函数（fn）
 * @param {number} delay 延迟时间（ms）
 * @param {boolean} immediate 是否立即执行 (boolean)
 */
function debounce(eventHandler, delay, immediate) {
    let timer;

    const debounceBuintInHandler = function () {
        const context = this,
            args = arguments;

        if (timer) clearTimeoutFunc(timer);

        // Li NOTE: 没有任务的情况下立即执行
        if (immediate) {
            if (!timer) eventHandler.apply(context, args);
            timer = setTimeout(function () {
                timer = null;
            }, delay);
        } else {
            timer = setTimeoutFunc(eventHandler, delay, context, args);
        }
    };

    // Li NOTE: cancel
    debounceBuintInHandler.cancel = function () {
        clearTimeoutFunc(timer);
        timer = null;
    };

    return debounceBuintInHandler;
}

function setTimeoutFunc(eventHandler, delay, context, args) {
    return setTimeout(function () {
        eventHandler.apply(context, args);
    }, delay);
}

function clearTimeoutFunc(timerId) {
    clearTimeout(timerId);
}

export { debounce };