x-js-utils/lib/timing/debounce.js

js工具包

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var timeoutArr = [];
/**
 * 防抖原理：一定时间内，只有最后一次操作，再过wait毫秒后才执行函数
 *
 * @param {Function} func 要执行的回调函数
 * @param {Number} wait 延时的时间
 * @param {Boolean} immediate 是否立即执行
 * @param {String} timeoutName 定时器ID
 * @return 返回的定时器
 */
function debounce(func, wait, immediate, timeoutName) {
    if (wait === void 0) { wait = 500; }
    if (immediate === void 0) { immediate = false; }
    if (timeoutName === void 0) { timeoutName = "default"; }
    // 清除定时器
    if (timeoutArr[timeoutName] !== null)
        clearTimeout(timeoutArr[timeoutName]);
    // 立即执行，此类情况一般用不到
    if (immediate) {
        var callNow = !timeoutArr[timeoutName];
        timeoutArr[timeoutName] = setTimeout(function () {
            timeoutArr[timeoutName] = null;
        }, wait);
        if (callNow)
            typeof func === 'function' && func();
    }
    else {
        // 设置定时器，当最后一次操作后，timeoutArr[timeoutName]不会再被清除，所以在延时wait毫秒后执行func回调方法
        timeoutArr[timeoutName] = setTimeout(function () {
            typeof func === 'function' && func();
            timeoutArr[timeoutName] = null;
        }, wait);
    }
    return timeoutArr[timeoutName];
}
exports.default = debounce;