什么是 memoize？
Memoize 是一个 JavaScript 库，它可以根据函数的输入参数缓存函数的输出结果。当使用相同的输入参数调用函数时，它将返回缓存的输出结果，而不执行函数。这样可以提高代码的性能，特别是那些需要大量计算的函数。
如何安装 memoize？
你可以使用 npm 包管理器来安装 Memoize。
npm install memoize
如何使用 memoize？
你需要引入 memoize 函数，并将你想要缓存的函数作为参数传递给它。然后，你可以使用 memoize 返回的函数来调用缓存的函数。
以下是一个使用 memoize 函数的示例，假设现有一个数据集合，并且你需要过滤出其中的偶数。
-- -------------------- ---- -------
----- ------- - -------------------
----- ---- - --- -- -- -- -- ---
----- ----------------- - --------
------ -- -
---------------------- ---- ----------
------ -------------------- -- ------ - - --- ---
-
-
------------------------------------- -- -- --- -- --
------------------------------------- -- ---------当第二次调用相同的输入参数时，函数不会执行，而是直接返回缓存的结果。
如何指定缓存的选项？
你可以通过传递选项对象来指定缓存的选项。以下是一些常见的选项：
maxAge
maxAge 选项指定缓存的结果需要保留的毫秒数。如果在该毫秒数内再次调用函数，则将返回缓存的结果。否则，将重新计算结果并缓存。默认值为 Infinity。
以下示例设置了 500 毫秒的 maxAge。
-- -------------------- ---- -------
----- ----------------- - --------
------ -- -
---------------------- ---- ----------
------ -------------------- -- ------ - - --- ---
--
- ------- --- -
--
------------------------------------- -- -- --- -- --
------------------------------------- -- ---------
------------- -- -
------------------------------------- -- --- ------------
-- ------cacheKey
cacheKey 选项指定一个函数，该函数在每次调用 memoized 函数时用于计算缓存键。如果不指定此选项，则默认使用所有输入参数的序列化版本作为缓存键。
以下示例设置了一个自定义的 cacheKey 函数，它将传递的数组拼接为字符串。
-- -------------------- ---- -------
----- ----------------- - --------
------ -- -
---------------------- ---- ----------
------ -------------------- -- ------ - - --- ---
--
-
--------- ------ -- --------------
-
--
--------------------------------- -- -- ----- -- -- --- --
--------------------------------- ----- -- ---------如何使 memoize 更高效？
memoize 默认使用数组来保存缓存的结果，这可能会导致缓存变慢，特别是当缓存的数量很大时。你可以使用任何支持 Map 接口的数据结构来替换缓存数组，从而获得更好的性能。
以下示例演示了如何使用 LRU Cache 作为缓存实现。
-- -------------------- ---- -------
----- ------- - --------------------
----- --- - ---------------------
----- ---- - --- -- -- -- -- ---
----- -------- - --- ----- ---- ---- ------- ---- - -- - -- ---
----- ----------------- - --------
------ -- -
---------------------- ---- ----------
------ -------------------- -- ------ - - --- ---
--
-
------- -------- -- --------------
-------- ----- ------- -- ---
----- -----
------- ----
------ --------
-
--
------------------------------------- -- -- --- -- --
------------------------------------- -- ---------注意，你需要自己导入 LRU Cache，因为 memoize 并没有自带它。在上面的例子中，我们使用了 LRU Cache 的一个实例作为缓存实现，并传递了 cache 选项给 memoize 函数。
总结
Memoize 是一个方便的 JavaScript 库，可以帮助你提高代码的性能。它可以根据函数的输入参数缓存函数的输出结果，从而避免重复计算。你可以使用 memoize 函数来缓存任何函数，也可以通过选择缓存选项来自定义它的行为。如果你需要更高效的缓存实现，可以使用任何支持 Map 接口的数据结构作为缓存实现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/206344