也许是最简单的防抖

2019-12-04  本文已影响0人  普莱那

防抖更关注的是两次触发的时间间隔

在连续触发的过程中,可能只有最后一次才执行

防抖
// 防抖实现
function debounce(fn, delay) {
  var timer;
  return function(...args) {
    clearTimeout(timer);
    timer = setTimeout(() => {
       fn(...args);
    }, delay)
  }
}

节流关注的是两次执行的时间间隔

在连续触发的过程中,每间隔一段时间才会执行一次

节流
// 节流实现
function throttle(fn, delay) {
  var timer;
  return function(...args) {
     if (timer) {
        return;
     }
    timer = setTimeout(() => {
      fn(...args);
      timer = undefined;
    }, delay);
  }
}
上一篇下一篇

猜你喜欢

热点阅读