防抖函数通过闭包保存定时器ID实现“取消前次、保留最后一次”：debounce执行时创建let timer，返回的函数持续引用它，使timer跨调用共享；每次触发清空旧定时器并设置新定时器，确保仅最后一次生效。
防抖函数的核心是：在高频触发时，每次新触发都清除之前的定时器，只保留最后一次触发后的执行。闭包的作用就是让定时器 ID（timer）在多次调用中持续被引用和更新，不被释放。
闭包如何保存定时器指针
JavaScript 中，函数内部声明的变量（如 let timer = null）在函数执行完后本该销毁，但当它被内部返回的函数（即事件回调）持续引用时，JS 引擎会通过闭包机制将其保留在内存中。这个 timer 就成了“跨次调用共享的状态”。
每次调用防抖函数返回的包装函数时，都会访问并可能修改同一个 timer 变量 —— 这正是实现“取消前一次、只留最后一次”的关键。
基础防抖实现（含闭包与定时器管理）
下面是一个典型实现，重点看 timer 如何被闭包捕获：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
立即学习“Java免费学习笔记（深入）”；
function debounce(fn, delay) {
let timer = null; // ← 闭包变量：所有后续调用共享这一个 timer
return function (...args) {
if (timer) clearTimeout(timer); // ← 每次触发都清掉上一次定时器
timer = setTimeout(() => {
fn.apply(this, args);
timer = null; // 可选：执行完清空，便于判断状态
}, delay);
};
}
说明：
-
debounce执行一次，生成一个独立作用域，其中let timer被创建 - 返回的匿名函数“记住了”这个
timer，形成闭包 - 绑定到按钮点击或输入框
input事件后，每次触发都走这个闭包函数，读写同一个timer - 只要新触发来得比
delay快，旧定时器就被清除，不会执行
常见增强点（仍基于同一闭包逻辑）
实际使用中可加些实用特性，它们都依赖对同一个 timer 的操作：
-
立即执行模式（leading）：首次触发立刻执行，后续触发仍按防抖规则处理 → 需额外标记状态（如
let isInvoked = false），也靠闭包维持 -
取消功能（cancel）：暴露一个方法手动清空定时器 → 把
clearTimeout(timer)包进返回函数的属性里，例如debounced.cancel = () => clearTimeout(timer) -
执行后重置：避免
timer长期残留，可在fn执行完毕后设为null，方便下轮判断
为什么不用全局变量？
如果把 timer 放在全局或外层作用域，多个防抖实例会互相干扰（比如搜索框和滚动防抖共用一个 timer）。而闭包让每个 debounce(fn, delay) 调用都拥有自己独立的 timer，互不影响：
const searchDebounce = debounce(searchApi, 300); const scrollDebounce = debounce(handleScroll, 100); // ↑ 它们各自维护自己的 timer，完全隔离
