处理繁重操作

在一些动态的操作中，我们没有必要不间断地调用某函数去完成一些功能，比如在输入时统计字数，我们没有必要没输入一次变统计一次，而是可以隔一段时间去统计一次，又比如scroll滚动事件，如果我们只是需要知道滚动的距离，没有必要去实时的监听scroll事件，可以隔一段时间监听一次。

在这里向大家介绍一个函数，可以解决这个问题。代码如下：

// 返回一个函数，如果它被不间断地调用，它将不会得到执行。
//该函数在停止调用 N 毫秒后，再次调用它才会得到执行。
//如果有传递 ‘immediate’ 参数，会马上将函数安排到执行队列中，而不会延迟。
function debounce(func, wait, immediate) {
    var timeout;
    return function() {
        var context = this, args = arguments;
        var later = function() {
            timeout = null;
            if (!immediate){
                func.apply(context, args);
            } 
        }; 
        var callNow = immediate && !timeout;
        clearTimeout(timeout);
        timeout = setTimeout(later, wait);
        if (callNow) {
            func.apply(context, args);
        }
    };
};
// 用法
var myEfficientFn = debounce(function() {
// 所有繁重的操作
   console.log(123);
}, 250);

window.addEventListener('scroll', myEfficientFn);

其中，myEfficientFn函数里写监听scroll的函数