wwbsr/utils/funcs/throttle.js

/**
 * 函数节流模块封装
 *
 * @author lautin
 * @created 2019-11-20 18:46:01
 */


/**
 * 节流方法，在指定时间内只执行一次，使用时间戳控制时间
 * @param {function} func 事件回调函数
 * @param {number} wait 限定输出的时间，建议100-300ms
 */
function throttleA(func, wait) {
    // 上次执行时间
    let previous = 0;
    return function () {
        // 本次执行时间
        let now = Date.now(),
            context = this,
            args = arguments;
        // 定时器以外执行
        if (now - previous > wait) {
            func.apply(context, args);
            // 更新上次时间
            previous = now;
        }
    }
}

/**
 * 节流方法，在指定时间内只执行一次，使用定时器控制时间
 * @param {function} func 事件回调函数
 * @param {number} wait 限定输出的时间，建议100-300ms
 */
function throttleB(func, wait) {
    // 记录上个定时器
    let timer;

    return function () {
        const context = this,
                args = arguments;
        // 如果没有定时器则执行
        if (!timer) {
            func.apply(context, args);
            // 更新定时器
            timer = setTimeout(() => {
                timer = null;
            }, wait);
        }
    }
}

/**
 * 兼容执行
 * @param {function} func 事件处理函数
 * @param {number} wait 节流时间
 * @param {mixed} flag 标识符 选择类型
 */
export default function throttle(func, wait, flag = null) {
    return flag ? throttleB(func, wait) : throttleA(func, wait);
}