javascript之函数节流

函数节流原理：

　　设置一个定时器setTimeout,让执行的函数延缓一段时间之后再去执行，如果在这段时间内，该函数又触发了，那就清除原来的setTimeout,创建一个新的setTimeout,依此类推下去，就执行了函数节流。

函数封装：

function throttle(method, context) {
    clearTimeout(method.tId);
    method.tId = setTimeout(function(){
        method.call(context);
    }， 100);
}

调用：

window.onresize = function(){
    throttle(myFunc);
}

另一种封装方法：

var throttle = function(fn, delay){
    var timer = null;
    return function(){
        var context = this, args = arguments;
        clearTimeout(timer);
        timer = setTimeout(function(){
            fn.apply(context, args);
        }, delay);
    };
 };

调用：

window.onresize = throttle(myFunc, 100);

　　第一种方法，把上下文变量当做函数参数，直接可以定制执行函数的this变量；后一个函数优势在于把延迟时间当做变量。