闭包实现限流器通过封装计时状态（如lastTime或timestamps）确保状态私有且可更新：基础节流固定窗口内最多执行一次；计数型限流控制单位时间最大调用次数，需清理过期时间戳并校验配额。
用闭包实现限流器，核心是把计时状态（如上次调用时间、当前计数）封在函数作用域内，避免外部干扰，同时保证每次调用都能访问并更新这些状态。
基础节流：固定时间窗口内最多执行一次
适合防抖场景的简化版节流，比如按钮点击后 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：
- 闭包维护一个数组 timestamps，存最近每次成功调用的时间戳
- 每次调用前清理过期时间戳（早于
Date.now() - window的） - 若剩余可用次数 > 0，则执行并记录当前时间
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] <= now - windowMs) {
timestamps.splice(i, 1);
} else {
break;
}
}
if (timestamps.length < maxCalls) {
func.apply(this, args);
timestamps.push(now);
}
};
}支持异步函数与拒绝策略
真实场景中常需处理 Promise，且要明确告知调用者被限流：
立即学习“Java免费学习笔记（深入）”；
- 返回 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;
}}; }
注意事项与优化点
闭包限流简单有效，但要注意几个实际细节：
- 时间戳用
Date.now()而非new Date().getTime()，性能更好 - 频繁调用时，
filter或遍历清理可能有开销；高频场景可用双端队列或滑动窗口算法优化 - 若需跨实例共享限流状态（如多个按钮共用同一配额），就不能只靠闭包，得引入外部存储（如 Map 或全局对象）
- 服务端限流通常用 Redis + Lua，前端闭包方案仅适用于单页内轻量控制
