手写节流函数

节流函数可以帮助我们在某些频繁触发的事件中减少触发次数，以提高性能和用户体验。下面是一个简单的手写节流函数实现：

function throttle(fn, delay) {
  let lastTime = 0;
  return function(...args) {
    const now = new Date().getTime();
    if (now - lastTime >= delay) {
      fn.apply(this, args);
      lastTime = now;
    }
  }
}

该函数接受两个参数：要执行的函数 `fn` 和延迟时间 `delay`。返回一个新函数，该函数在一定时间内只会执行一次原函数 `fn`。

具体实现是在新函数内部维护一个 `lastTime` 变量，记录上一次执行 `fn` 的时间。每次调用新函数时，先计算当前时间与上次执行时间的时间差，如果大于等于 `delay`，则执行 `fn` 并更新 `lastTime` 为当前时间。否则不执行 `fn`。

使用示例：

function handleScroll() {
  console.log('scrolling...');
}

window.addEventListener('scroll', throttle(handleScroll, 1000));

上述代码将会在滚动事件触发后的 1 秒内最多执行一次 `handleScroll` 函数，以此来减少触发次数。