JavaScript中利用闭包实现函数缓存Memoization技巧-js教程-PHP中文网

闭包通过持久化外部变量（如缓存对象）实现函数缓存，使内部函数能查存结果避免重复计算；memoize 工具用 map 存储单参数映射，适用于纯函数，但需注意内存泄漏、引用类型键及异步失效等问题。

javascript中利用闭包实现函数缓存memoization技巧

闭包是实现函数缓存（Memoization）的核心机制，它让函数能“记住”之前计算过的输入与结果，避免重复执行耗时操作。

闭包如何支撑缓存逻辑

闭包使内部函数可以访问并持久化外部函数作用域中的变量（比如一个缓存对象）。每次调用被缓存的函数时，先查缓存，命中则直接返回；未命中则执行原函数、存入缓存再返回结果。这个缓存对象不会被垃圾回收，因为它始终被内部返回的函数引用着。

简易 memoize 工具函数

以下是一个通用、轻量的 memoize 实现：

javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家，适用于现代开发

下载

function memoize(fn) {
  const cache = new Map();
  return function(arg) {
    if (cache.has(arg)) {
      return cache.get(arg);
    }
    const result = fn(arg);
    cache.set(arg, result);
    return result;
  };
}

使用 Map 而非普通对象，支持任意类型键（如函数、对象、Symbol）
适用于纯函数：相同输入恒得相同输出，且无副作用
注意：只处理单个参数；多参数需序列化（如 JSON.stringify([...args])）或用更健壮的库（如 lodash.memoize）

实际应用示例

比如优化斐波那契数列递归：

const fib = memoize(n => n <p>再如封装 API 请求（需配合 Promise 缓存）：</p><pre class="brush:php;toolbar:false;">const fetchUser = memoize(id => 
  fetch(`/api/users/${id}`).then(r => r.json())
);