函数节流与防抖(参考lodash)

function debounce(fn, delay, immediate){
    var timeout,
        args,
        context,
        timestamp,
        result;
    var later = function(){
        var last = Date.now() - timestamp;

        if(last < delay && last >= 0){
            timeout = setTimeout(later, delay - last);
        }else{
            timeout = null;
            if(!immediate){
                result = fn.apply(context, args);

                if(!timeout){
                    context = args = null;
                }
            }
        }
    };

    return function(){
        context = this;
        args = arguments;
        timestamp = Date.now();
        console.log(timestamp);
        var callNow = immediate && !timeout;
        if(!timeout){
            timeout = setTimeout(later, delay);
        }
        if(callNow){
            result = fn.apply(context, args);
            context = args = null;
        }
        return result
    }
};
function throttle(method , duration ,delay ){
    var timer = null, 
        // 记录下开始执行函数的时间
        begin = new Date();

    return function(){
        var context = this, 
            args = arguments, 
            // 记录下当前时间
            current = new Date();
        // 函数节流里的思路
        clearTimeout(timer);

        // 记录下的两个时间相减再与duration进行比较
        if(current-begin >= duration){
             method.apply(context , args);
             begin = current;
        }else{  
            timer = setTimeout(function(){
                method.apply(context , args);
            } , delay);
        }
    }
}
window.onresize = throttle(function(){console.log('resize')},1000,500)
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值