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 秒被调用一次。因此，上面的示例中的函数只会被调用一次，而不是三次。

更新日期：