美文网首页
防抖,节流

防抖,节流

作者: ee03052cdf84 | 来源:发表于2020-09-22 11:54 被阅读0次

防抖和节流

关于更多日常使用的公共类的操作方法,可以关注下小滑轮网站 http://www.feiaci.com/#/self/code

/**
 * @name 防抖
 * @param {function} [fn=v=>v] 函数
 * @param {number} [dura=50] 时延
 */
function Debounce(fn = v => v, dura = 50) {
    let timer = null;
    return function(...args) {
        timer && clearTimeout(timer);
        timer = setTimeout(() => fn.apply(this, args), dura);
    };
}

/**
 * @name 节流
 * @param {function} [fn=v=>v] 函数
 * @param {number} [dura=50] 时延
 */
function Throttle(fn = v => v, dura = 50) {
    let pass = 0;
    return function(...args) {
        const now = +new Date();
        if (now - pass > dura) {
            pass = now;
            fn.apply(this, args);
        }
    };
}

相关文章

网友评论

      本文标题:防抖,节流

      本文链接:https://www.haomeiwen.com/subject/dkhwyktx.html