如何用闭包实现函数的多次执行过滤
闭包的本质,就是让函数拥有“记忆能力”——它将执行状态(例如调用次数、上次触发时间、当前请求的唯一标识)封装在私有作用域中,每次调用时都能感知历史上下文,从而决定是否放行、跳过、合并或覆盖执行结果。它不依赖外部变量进行控制,而是让函数自身携带规则运行。如此一来,便自然实现了“多次调用过滤”机制,适用场景非常广泛:限制调用次数、防止请求覆盖、多级条件组合、前后拦截等,并且支持动态配置与链式复用。

限制调用次数
最基础的场景:如何让一个函数最多执行N次?使用闭包包裹一个计数器即可解决——计数变量定义在外层函数中,外部完全无法直接访问。返回的新函数每次调用前先检查计数,超限后便拒绝执行(可以选择抛出错误、返回默认值或静默忽略)。关键点在于正确传递 this 和所有参数,避免丢失上下文:通过 fn.apply(this, args) 或展开运算符实现。同时支持自定义阈值和响应策略,例如:limitCall(apiFetch, 3, { onError: () => console.warn('已禁用') })。
只执行最后一次请求
重复点击按钮、快速输入搜索框——这类场景最怕旧请求的结果覆盖新逻辑。无需使用 abort(),一个递增的序号就能解决:每次调用生成一个新ID,回调中使用闭包保存的最新ID进行比对,只有相等才处理结果。闭包保存这个最新序号,确保多个调用共享同一判断依据。示例:let latestId = 0; return function() { const id = ++latestId; fetch(...).then(res => id === latestId && handle(res)) }。思路简单,却非常有效。
多级条件联合过滤
业务规则增多后,单一函数难以满足需求?可以将多个规则封装成独立的闭包,再组合成链式过滤器。每个闭包持有自己的配置(比如脱敏位数、角色权限列表、缓存有效期),通过 reduce 链式叠加,上一个输出直接作为下一个输入。举例:数据分发前依次进行手机号掩码、邮箱局部隐藏、身份证保段、角色可见性校验,不同角色还能动态组装不同的闭包序列——复用性高,耦合度低。
拦截并增强执行流程
执行过滤还能演变出更多玩法:在函数调用前后插入逻辑,形成 Before/After 拦截。闭包保存原函数 + before 回调 + after 回调,三者共享同一作用域。调用时自动触发 before → 执行原函数 → after,中间可修改参数、捕获异常、处理 Promise。同步与异步混合场景也受支持,例如鉴权失败时直接中断后续执行。更妙的是可以叠加使用:一个函数同时被限流闭包、日志闭包、权限闭包包裹,层层过滤,互不干扰。
游乐网为非赢利性网站,所展示的游戏/软件/文章内容均来自于互联网或第三方用户上传分享,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系youleyoucom@outlook.com。
同类文章
HTML文档版权声明结构与基础脚手架代码质量解析
版权声明需用语义化``标签,©符号使用`©`实体;年份通过服务端、构建或JS分层兜底;`rel= "license "`仅指向真实许可证文件才有效。
基于HTML模板的组件化全栈交互方案
纯HTML模板仅作静态结构,全栈交互需后端注入数据、前端JS激活模板及用户事件触发双向链路。``标签惰性,不执行脚本或加载资源,需通过克隆填充数据并手动绑定事件实现交互,父子传值依赖JS对象与自定义事件。
Bootstrap修改Badge徽章边框为圆点样式的方法
将BootstrapBadge改为圆点:自定义类设置等宽高、border-radius:50%、padding:0、font-size:0;Bootstrap5 2+需加display:inline-block;注意垂直对齐,避免min-width干扰,背景色用background-color更可控。
Bootstrap响应式多栏Footer社交图标排版实现
使用Bootstrap5的grid系统实现响应式多栏Footer,按断点设置列宽;以FontAwesome处理社交图标,避免使用img;利用list-unstyled组织链接列表;借助flex-column容器配合mt-auto使版权行自动贴底,避免fixed-bottom固定定位的弊端。
如何用Shadow DOM隔离组件内外事件分发
ShadowDOM内部事件默认不穿透影子边界,需显式设置composed:true才能被外部监听。此时event target指向宿主元素,真实触发源需通过event composedPath()[0]获取。原生事件手动派发时也必须声明composed:true。应避免在宿主上依赖event target做逻辑分支,建议在shadowroot内绑定事件或使用
- 日榜
- 周榜
- 月榜
1
2
3
4
5
6
7
8
9
10
1
2
3
4
5
6
7
8
9
10
1
2
3
4
5
6
7
8
9
10
相关攻略
2026-07-07 07:02
2026-07-07 07:02
2026-07-07 07:02
2026-07-07 07:02
2026-07-07 07:02
2026-07-07 07:02
2026-07-07 07:01
2026-07-07 07:01
热门教程
- 游戏攻略
- 安卓教程
- 苹果教程
- 电脑教程
热门话题

