利用闭包优化密集计算缓存查询

闭包是JavaScript中实现轻量级缓存查询最直接可控的方式，因其能私有保存缓存对象、避免全局污染、免序列化开销、内存读写快、键值自动生成且生命周期与函数绑定。

闭包是 JavaScript 中实现轻量级缓存查询最直接、最可控的方式，特别适合优化那些输入确定、计算耗时、调用频繁的函数——比如递归数学运算、树形结构遍历、API 响应解析等。

为什么闭包天然适合做计算缓存

闭包让内部函数能持续访问外层作用域中的变量，而这个变量（通常是对象）正好可作为私有缓存容器。它不依赖全局变量，避免命名污染；也不依赖外部存储（如 localStorage 或 Redis），省去序列化和网络开销；更重要的是，缓存生命周期与函数实例绑定，不同调用场景互不干扰。

• 缓存数据存在内存中，读写极快
• 键由参数自动生成（常用 JSON.stringify 或简单拼接），值为计算结果
• 无需手动清理，函数实例销毁时缓存自然释放（除非意外保留引用）
• 支持纯函数场景：相同输入 → 相同输出 → 可安全缓存

一个通用的缓存封装写法

不用第三方库，几行代码就能写出可复用的缓存包装器：

function memoize(fn) {  const cache = new Map(); // 推荐用 Map，支持任意类型键（如对象、数组）  return function(...args) {    const key = JSON.stringify(args); // 简单场景可用；复杂对象建议用结构化比较或自定义 key 生成    if (cache.has(key)) {      return cache.get(key);    }    const result = fn(...args);    cache.set(key, result);    return result;  };}

用法示例：

const fibonacci = memoize((n) => {  if (n <= 1) return n;  return fibonacci(n - 1) + fibonacci(n - 2);});<p>console.log(fibonacci(40)); // 首次执行较慢，但只算一次console.log(fibonacci(40)); // 瞬间返回，从缓存取

要注意的关键细节

闭包缓存不是“开箱即用”的银弹，几个实际问题得提前想清楚：

• 参数可序列化吗？ 如果传入函数的是 Date、RegExp、函数本身或含循环引用的对象，JSON.stringify 会出错或产生相同 key，建议改用更鲁棒的 key 生成策略（如使用第三方库 fast-deep-equal 或自定义哈希）
• 缓存无限增长？ 没限制的 Map 会吃光内存。高频调用+多参数组合时，可加 LRU 逻辑（例如用 lru-cache 包，或自己维护访问顺序链表）
• 需要主动失效吗？ 比如缓存了某用户数据，但用户信息更新了——这时得暴露 clear 或 delete 方法，或配合事件机制清缓存
• 是否影响调试？ 缓存后 console.log 不再触发，建议开发环境绕过缓存，或加日志开关

和数据库/服务端缓存的区别

闭包缓存是单实例、内存级、无一致性保障的优化手段：

• 它不解决分布式问题，也不保证多用户看到相同结果
• 不替代 Redis 或 HTTP Cache，而是补足它们覆盖不到的粒度（比如单个工具函数）
• 适合“本次页面生命周期内”重复调用的场景，比如表单校验规则计算、前端虚拟滚动位置映射、Canvas 坐标转换等