js如何控制函数调用的频次

在 JavaScript 中，可以使用函数节流来控制函数调用的频次。

函数节流是一种优化技术，它可以防止在短时间内大量调用函数，从而保证程序的性能。

实现函数节流的一种常见方法是使用 setTimeout 函数，在函数执行后延迟一段时间再次执行。

例如，下面是一个使用函数节流控制函数调用频率的示例：

function throttle(fn, delay) {
  let timer = null;
  return function () {
    const context = this;
    const args = arguments;
    if (!timer) {
      timer = setTimeout(() => {
        fn.apply(context, args);
        timer = null;
      }, delay);
    }
  }
}

// 使用函数节流
const throttledFn = throttle(function () {
  console.log('Throttled function called.');
}, 1000);

// 调用函数
throttledFn();
throttledFn();
throttledFn();

在上面的示例中，我们定义了一个名为 throttle 的函数，它接收两个参数：要节流的函数 fn 和延迟的时间 delay。然后我们使用 setTimeout 函数来延迟函数的执行，并在调用函数后清空 timer 变量，从而达到节流的目的。

上面的示例中，函数节流的时间间隔为 1000 毫秒，也就是说，函数最多每隔 1 秒被调用一次。因此，上面的示例中的函数只会被调用一次，而不是三次。