JavaScript防抖函数

在 JavaScript 中，你可以使用函数闭包来创建一个防抖函数。下面是一个简单的实现示例：

function debounce(func, delay) {
  let timeoutId;

  return function () {
    clearTimeout(timeoutId);
    timeoutId = setTimeout(func, delay);
  };
}

使用这个防抖函数时，你需要将需要防抖的函数和延迟时间作为参数传递给 debounce 函数。然后，它将返回一个新函数，你可以将这个新函数绑定到你想要防抖的事件上。例如：

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

const debouncedHandleScroll = debounce(handleScroll, 500);

window.addEventListener('scroll', debouncedHandleScroll);

在这个例子中，handleScroll 函数将在用户停止滚动 500 毫秒后执行。在滚动事件发生时，每一次新的滚动事件都会重置计时器，从而实现防抖效果。