JavaScript 函数防抖

JavaScript 函数防抖（debounce）是一种技术，可以防止函数在短时间内多次触发。

当函数被触发时，防抖函数会延迟执行函数，并且如果在延迟期间内再次触发函数，则会重新计算延迟时间。这样可以避免函数在短时间内多次触发，从而节省资源。

举个例子，假设你有一个函数，用于搜索用户输入的内容。如果每次用户输入都立即触发函数，会导致函数频繁触发，浪费资源。使用防抖函数，可以在用户输入后延迟一段时间才触发函数，从而节省资源。

下面是一个简单的防抖函数的例子：

function debounce(fn, delay) {
  let timer = null;
  return function () {
    const context = this;
    const args = arguments;
    clearTimeout(timer);
    timer = setTimeout(function () {
      fn.apply(context, args);
    }, delay);
  }
}

上面的防抖函数接受两个参数：fn 是要进行防抖的函数，delay 是延迟时间（单位为毫秒）。防抖函数返回一个新函数，在新函数中设置了延迟执行的逻辑。

使用方法示例：

let myFunc = debounce(function() {
  console.log("防抖函数执行了");
}, 1000);
 
// 在 1 秒内多次调用 myFunc 函数，只会在 1 秒后最后一次调用执行
myFunc();
myFunc();
myFunc();

需要注意的是，这个防抖函数是基于定时器实现的，所以在使用过程中可能会有一些精度问题。如果需要更精确的防抖函数，可以使用 requestAnimationFrame 函数来实现。