JavaScript 中怎么使用闭包实现限流器控制函数调用频率-js教程-PHP中文网

闭包实现限流器通过封装计时状态（如lastTime或timestamps）确保状态私有且可更新：基础节流固定窗口内最多执行一次；计数型限流控制单位时间最大调用次数，需清理过期时间戳并校验配额。

javascript 中怎么使用闭包实现限流器控制函数调用频率

用闭包实现限流器，核心是把计时状态（如上次调用时间、当前计数）封在函数作用域内，避免外部干扰，同时保证每次调用都能访问并更新这些状态。

基础节流：固定时间窗口内最多执行一次

适合防抖场景的简化版节流，比如按钮点击后 1 秒内只响应第一次点击：

闭包保存 lastTime，记录上一次成功执行的时间戳
每次调用先计算距上次执行是否超过阈值（如 1000ms）
满足条件才执行原函数，并更新 lastTime

示例：

function throttle(func, delay) {
  let lastTime = 0;
  return function(...args) {
    const now = Date.now();
    if (now - lastTime >= delay) {
      func.apply(this, args);
      lastTime = now;
    }
  };
}

计数型限流：单位时间内最多执行 N 次

更贴近“限流”本意，例如每秒最多调用 3 次 API：

JavaStoryDevelop

你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在

下载

闭包维护一个数组 timestamps，存最近每次成功调用的时间戳
每次调用前清理过期时间戳（早于 Date.now() - window 的）
若剩余可用次数 > 0，则执行并记录当前时间

示例（每秒最多 3 次）：

function rateLimit(func, maxCalls, windowMs) {
  const timestamps = [];
  return function(...args) {
    const now = Date.now();
    // 清理过期时间戳
    for (let i = timestamps.length - 1; i >= 0; i--) {
      if (timestamps[i] <h3>支持异步函数与拒绝策略</h3><p>真实场景中常需处理 Promise，且要明确告知调用者被限流：</p>

返回 Promise，成功时 resolve 原函数结果，失败时 reject 自定义错误
闭包中可增加队列或直接丢弃，这里采用“立即拒绝”策略
注意 this 和参数透传，用 func(...args) 替代 apply 更简洁（ES6+）

增强版示例：

function rateLimitAsync(func, maxCalls, windowMs) {
  const timestamps = [];
  return async function(...args) {
    const now = Date.now();
    const validTimestamps = timestamps.filter(t => t > now - windowMs);
    timestamps.length = 0;
    timestamps.push(...validTimestamps);
<pre class="brush:php;toolbar:false;">if (timestamps.length >= maxCalls) {
  throw new Error('Rate limit exceeded');
}

timestamps.push(now);
try {
  return await func(...args);
} catch (err) {
  // 清除刚添加的时间戳，避免误占额度（可选）
  timestamps.pop();
  throw err;
}

}; }