JavaScript 中怎么用闭包实现限流器控制访问频率-js教程-PHP中文网

javascript限流器用闭包保存lasttime时间戳，每次调用比对当前时间差是否≥delay来决定执行；支持leading/trailing选项控制首尾触发，需注意this绑定和参数透传。

javascript 中怎么用闭包实现限流器控制访问频率

JavaScript 中用闭包实现限流器（throttler），核心是**保存上一次执行的时间戳，并在每次调用时判断是否达到最小间隔时间**。闭包让这个时间戳能被函数内部持续访问且不被外部干扰，简洁又安全。

基础限流器：固定时间间隔内最多执行一次

这是最典型的限流场景，比如按钮防抖点击、滚动事件节流。闭包封装了 lastTime 和 delay，返回一个可重复调用的函数：

function throttle(func, delay) {
  let lastTime = 0;
  return function(...args) {
    const now = Date.now();
    if (now - lastTime >= delay) {
      func.apply(this, args);
      lastTime = now;
    }
  };
}
<p>// 使用示例
const throttledSave = throttle(() => console.log('保存中...'), 1000);
throttledSave(); // 立即执行
throttledSave(); // 不执行（距上次不足 1s）
setTimeout(throttledSave, 1200); // 1.2s 后执行</p>

增强版：支持“立即执行”或“尾部执行”选项

实际开发中常需控制首次是否立刻触发（leading）或最后一次是否补发（trailing）。闭包同时维护 timer 和 lastTime，配合 clearTimeout 实现更精细控制：

function throttle(func, delay, options = {}) {
  const { leading = true, trailing = false } = options;
  let lastTime = 0;
  let timer = null;
<p>return function(...args) {
const now = Date.now();
const elapsed = now - lastTime;</p><pre class="brush:php;toolbar:false;">if (leading && elapsed >= delay) {
  func.apply(this, args);
  lastTime = now;
} else if (trailing && elapsed  {
    func.apply(this, args);
    lastTime = Date.now();
  }, delay - elapsed);
}

}; }

说明：