debounce:把触发非常频繁的事件合并成一次执行
throttle:设置一个阀值,在阀值内,把触发的事件合并成一次执行;当到达阀值,必定执行一次事件
debounce
_.debounce(action, time);
var debounce = function(action, delay) {
var timer = null;
return function() {
var self = this,
args = arguments;
clearTimeout(timer);
timer = setTimeout(function() {
action.apply(self, args)
}, delay);
}
}
// example
function resizeHandler() {
console.log("resize");
}
window.onresize = debounce(resizeHandler, 300);
throttle
_.throttle(action, time, mustruntime);
var throttleV1 = function(action, delay, mustRunDelay) {
var timer = null,
startTime;
return function() {
var self = this,
args = arguments,
currTime = new Date();
clearTimeout(timer);
if(!startTime) {
startTime = currTime;
}
if(currTime - startTime >= mustRunDelay) {
action.apply(self, args);
startTime = currTime;
}
else {
timer = setTimeout(function() {
action.apply(self, args);
}, delay);
}
};
};