javascript 函数防抖、函数节流

函数防抖（debounce ）

var debounce = function(idle, action){
    var last;
    return function(){
        var that = this, args = arguments;
        clearTimeout(last);
        last = setTimeout(function(){
            action.apply(that, args);
        }, idle);
    };
};

var handle = debounce(2000,function(){
    console.log('########## '+arguments[0]+' ###########');
});

document.body.onclick= function() {
    console.log('click');
    handle('to do something');
};

函数节流

var throttle = function(delay, action){
    var last = 0;
    return function(){
        var curr = +new Date();
        if (curr - last > delay){
            action.apply(this, arguments);
            last = curr;
        }
    };
};

var handle = throttle(2000,function(){
    console.log('########## '+arguments[0]+' ###########');
});

document.body.onclick= function() {
    console.log('click');
    handle('to do something');
};
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容