函数节流与防抖的含义

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了函数节流与防抖的含义，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1261字，纯文字阅读大概需要2分钟。

内容图文

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)

以上就是函数节流与防抖的含义的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的函数节流与防抖的含义全部内容，希望文章能够帮你解决函数节流与防抖的含义所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端