函数节流:
让一个函数不要执行得太频繁,减少一些过快的调用来节流。
//节流函数
throttle(fun, delay = 1000) {
let last, deferTimer;
return function(args) {
let that = this;
let _args = arguments;
let now = +new Date();
if (last && now < last + delay) {
clearTimeout(deferTimer);
deferTimer = setTimeout(function() {
last = now;
fun.apply(that, _args);
}, delay);
} else {
last = now;
fun.apply(that, _args);
}
};
},
防抖:
事件保持触发,一定时间内没有触发。在一定时间段的连续函数调用,只让其执行一次
// 防抖
debounce(fn, delay) {
let timerId;
return function(…args) {
if (timerId) {
clearTimeout(timerId);
}
timerId = setTimeout(() => {
fn(…args);
timerId = null;
}, delay);
};
}
// 使用方法
this.throttle(this.xxxx(), 1000);
this.debounce(this.xxxx(), 1000);