闭包是JavaScript实现memoization的自然选择，它通过内部Map缓存和参数序列化（如JSON.stringify）确保私有性与唯一键，支持this绑定、Promise缓存及LRU/TTL优化。
闭包是 JavaScript 中实现结果缓存（memoization）的自然选择——它能安全地维护私有缓存数据，避免全局污染，同时让函数“记住”自己过去的计算结果。
缓存逻辑的核心结构
一个典型的缓存函数需要：一个内部缓存对象（如 Map 或普通对象）、对参数的合理序列化（尤其处理对象/数组）、以及判断是否命中缓存的逻辑。闭包确保这个缓存仅对该函数实例可见，互不干扰。
- 用 Map 比普通对象更稳妥，支持任意类型键（包括函数、对象），避免 toString() 冲突
- 参数序列化推荐 JSON.stringify（适用于纯 JSON 数据），复杂场景可借助 structuredClone 或第三方库如 fast-deep-equal 做深度比较
- 缓存 key 应唯一对应参数组合，多参数可用数组包装后序列化：
JSON.stringify([a, b, c])
基础 memoize 实现示例
下面是一个轻量、可复用的闭包缓存封装：
function memoize(fn) {
const cache = new Map();
return function(...args) {
const key = JSON.stringify(args);
if (cache.has(key)) {
return cache.get(key);
}
const result = fn.apply(this, args);
cache.set(key, result);
return result;
};
}
使用方式简单直接：
const expensiveAdd = memoize((a, b) => {
console.log('计算中...');
return a + b;
});
expensiveAdd(2, 3); // 打印“计算中...”，返回 5
expensiveAdd(2, 3); // 不打印，直接返回 5
注意边界与优化点
实际使用时需留意几个常见陷阱：
-
this 绑定：上面示例用
fn.apply(this, args)保留了原始调用上下文；若忽略，缓存函数可能丢失 this - 异步函数：缓存 Promise 本身即可，无需 await（避免重复执行），但要注意 Promise 状态不可变，缓存的是 pending/resolved/rejected 的实例
- 缓存清理：长期运行需考虑内存泄漏，可加 LRU 机制或 TTL 过期，例如用 lru-cache 替代原生 Map
- 副作用函数不适用：带 DOM 操作、发请求、修改外部状态的函数不应盲目缓存，除非你明确控制副作用时机
更健壮的增强版本
加入容错与配置能力后，可支持自定义 key 生成器和最大缓存数：
function memoize(fn, options = {}) {
const { maxAge, maxEntries = Infinity, getKey = JSON.stringify } = options;
const cache = new Map();
<p>return function(...args) {
const key = getKey(args);
const cached = cache.get(key);</p><pre class="brush:php;toolbar:false;">if (cached !== undefined) {
if (maxAge && Date.now() - cached.timestamp > maxAge) {
cache.delete(key);
return;
}
return cached.value;
}
const value = fn.apply(this, args);
cache.set(key, { value, timestamp: Date.now() });
if (cache.size > maxEntries) {
const firstKey = cache.keys().next().value;
cache.delete(firstKey);
}
return value;}; }
不复杂但容易忽略
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
