防抖
防抖是指在一定的时间内再次触发此事件,会清空上次的事件重新开始,如果制定的时间内没有再次触发,那么这个事件才会执行。(最后一次才执行)
function debounce(fn, times = 500) {
let t;
return (...args) => {
if (t) {
clearTimeout(t);
}
t = setTimeout(() => {
fn.apply(this, args);
}, times);
}
}
节流
节流是指在一定的时间同一事件只会触发一次,只有超过了这个时间才会再次触发。(每隔一段时间执行一次)
function debounce(fn, times = 500) {
let t;
return (...args) => {
if (!t) {
t = setTimeout(() => {
fn.apply(this, args);
t = null;
}, times);
}
}
}