JavaScript防抖

JavaScript中的防抖（debounce）是一种技术，用于减少函数被频繁调用的次数。当一个函数被频繁调用时，可以使用防抖来限制函数的执行频率，避免函数被频繁调用导致性能问题。

防抖的基本原理是，在一定的延迟时间内，如果函数被连续调用多次，则只有最后一次调用会被执行，前面的调用会被忽略。这样可以确保函数只在最后一次调用后执行一次，从而减少函数的执行次数。

以下是一个简单的防抖函数的实现：

function debounce(func, delay) {
  let timer;
  return function() {
    clearTimeout(timer);
    timer = setTimeout(() => {
      func.apply(this, arguments);
    }, delay);
  };
}

使用该防抖函数，可以将需要防抖的函数传入，并指定一个延迟时间。例如：

function handleScroll() {
  // 处理滚动事件的逻辑
}

window.addEventListener('scroll', debounce(handleScroll, 200));

在上述例子中，handleScroll函数将被延迟调用200毫秒，如果在这200毫秒内滚动事件被连续触发，则只有最后一次触发会导致handleScroll函数执行。

防抖函数的应用场景包括输入框输入事件、窗口大小调整事件等需要限制触发频率的场景。