本文详解如何编写一个增强版节流函数（throttle），使其在冷却期内直接返回上一次成功执行的返回值，而非重复调用或返回 undefined；核心在于状态缓存与时机控制，无需复杂缓存键计算。
本文详解如何编写一个增强版节流函数（throttle），使其在冷却期内直接返回上一次成功执行的返回值，而非重复调用或返回 undefined；核心在于状态缓存与时机控制，无需复杂缓存键计算。
在前端性能优化中，节流（throttle）是高频事件（如 scroll、resize、鼠标移动）处理的关键技术。标准节流仅限制执行频率，但某些场景下——例如函数有明确返回值且调用方依赖该结果（如字符串反转、坐标计算）——我们希望：当节流器处于“锁定”状态时，后续调用不丢弃、不阻塞，而是立即返回最近一次有效计算的结果。
这正是本教程要解决的核心问题：实现一个具备「结果透传」能力的节流函数。关键洞察在于：不需要基于参数做 memoization（记忆化），因为需求并非“相同参数返回缓存值”，而是“任意调用在节流中均复用上一次真实执行的返回值”。因此，引入 result 变量持久化最新返回值，并配合布尔标志 throttle 控制执行时机，即可优雅达成目标。
以下是符合规范、通过严格测试的实现：
_.throttle = function (func, wait) {
let throttle = false;
let result;
return function (...args) {
// 若处于节流锁定状态，直接返回上一次计算结果
if (throttle) {
return result;
}
// 否则执行原函数，保存结果，并进入节流状态
result = func.apply(this, args);
throttle = true;
// 设置定时器，在 wait 毫秒后解除锁定
setTimeout(() => {
throttle = false;
}, wait);
return result;
};
};
✅ 为什么这个实现正确？
- result 在每次实际执行 func 后被更新，天然代表“最后计算结果”；
- throttle 标志精准反映“是否正在冷却”，避免竞态；
- 所有调用共享同一 result 和 throttle 状态，逻辑简洁无副作用；
- 不依赖 JSON.stringify(args) 等不可靠键生成方式，规避了对象/函数/undefined 等参数序列化问题，也避免了内存泄漏风险。
⚠️ 注意事项与常见误区
- ❌ 错误地将 result = func(...) 放在 if (throttle) 分支外但未加锁保护，会导致多次执行；
- ❌ 在 setTimeout 回调中重置 result，会清空有效值，破坏“返回最后一次结果”的语义；
- ❌ 使用参数哈希缓存（如 cache[JSON.stringify(args)]），既不符合题意（题目只要求“最后一次”，非“同参缓存”），又带来性能与可靠性隐患（如循环引用报错、浮点精度差异、Symbol 丢失等）；
- ✅ 实际应用中，若需支持取消节流或获取当前状态，可扩展为返回带 cancel() 方法的对象，但本基础版本聚焦核心契约。
该实现不仅满足题目要求（如对 reverse(str) 的节流调用始终返回最近一次反转结果），更具备生产就绪的简洁性与鲁棒性。掌握这一模式，有助于深入理解闭包状态管理与异步协调的本质。
