前言
在前端开发中，我们通常需要使用缓存技术来提高应用的性能。使用缓存技术可以让应用的响应速度更快，提升用户体验。然而在使用缓存时也需要注意，需要在缓存策略和缓存时间上做出正确的选择。为了方便在前端开发中使用缓存技术，npm 社区中出现了很多的缓存包。其中，make-cacheable 是一款较为常用的 npm 包。
本文将介绍 make-cacheable 的使用方法和常用参数，希望本文对开发者使用 make-cacheable 构建缓存方案有所帮助。
make-cacheable 概述
make-cacheable 是一款简单易用的缓存 npm 包。通过使用 make-cacheable 可以快速创建缓存实例，并提供一些常见操作，例如缓存应用程序的结果，提供缓存工具的最大和最小值等。
如何使用 make-cacheable 呢？只需要按照以下步骤即可。
make-cacheable 安装
使用 npm 安装，输入以下命令即可：
npm install make-cacheable --save
make-cacheable 使用
使用 make-cacheable，只需要用它缓存需要被缓存的对象即可。例如，我们缓存一个函数的结果：
-- -------------------- ---- ------- ----- ------------- - -------------------------- -- ----- ----- -------------- - ------------------------ - -------------- -- - -------- ---- - --------- ------ --- -------- --- -- ---------- -- -- - -------- ---- - ------- ------------------------------ -- -- --- ------- -- --------------- ------------------------------ -- -- --- ------ ----
在上面的代码中，我们使用了 make-cacheable 缓存了一个名为 cachedFunction 的匿名函数。当我们第一次调用 cachedFunction 时，它会输出 'I am a function with a cache!' 并返回值 'Hi there!'。第二次调用 cachedFunction 时，它会直接返回缓存的值。
make-cacheable 参数
make-cacheable() 支持多种配置，建议开发者在使用时进行自定义，以便更好地适应项目条件。
以下是 make-cacheable 常用的配置选项：
| 配置项 | 描述 |
|---|---|
| maxItems | 缓存的最大数量。如果未设置，缓存的数量将无限制。 |
| maxAge | 缓存的最大时间。如果未设置，缓存将一直存在。 |
| cacheCheckInterval | 检查缓存有效性的时间间隔，以秒为单位。默认为 1000ms。 |
| cacheError | 当频繁请求或发送错误时要返回的错误信息。默认值为 undefined。 |
| cache | 使用该函数进行存储/读取缓存，将至少采用一个接受两个参数的函数：set(key, value) 和 get(key)。不设置时，将默认为内存缓存容器 |
例：
-- -------------------- ---- -------
----- ------------- - --------------------------
----- ------- - ---------------
--------- ---
------- - - --- -----
------------------- ----
----------- -----
------ -
---- ------------- -------
-- --- -----
--
---- ------------- -
-- --- -----
-
-
---
make-cacheable 相关操作
make-cacheable 非常灵活，支持多种操作来完成与缓存相关的操作。
以下是 make-cacheable 中常用的操作：
1. 更新缓存
-- -------------------- ---- ------- ----- ------------- - -------------------------- ----- ------- - ------------------------- ------- - - ----- ------------------------ -- -- - ------------------------ -- -- - --- ------------------------ -- -- - ----------------- --- ------------------------ -- -- - ------------------------ -- -- - ---
在上面的代码中，我们将初值为 2 的缓存工具改为了返回值为 5，以覆盖原有缓存值。
2. 清除缓存
-- -------------------- ---- ------- ----- ------------- - -------------------------- ----- ------- - ------------------------- ------- - - ----- ------------------------ -- -- - ------------------------ -- -- - --- ------------------------ -- -- - --------------------- ------------------------ -- -- - ------------------------ -- -- -
在上面的代码中，使用 clearCache() 方法删除了存储在缓存中的所有数据。
3. 手动设置缓存值
const makeCacheable = require('make-cacheable');
const myCache = makeCacheable(function(n) {return n * 2;});
console.log(myCache(2)); // => 4
myCache.setCache(2, 10);
console.log(myCache(2)); // => 10在上面的代码中，我们使用了 setCache() 方法来将 key 为 2 的缓存值手动设置为 10。
结论
make-cacheable 是一款简单易用的缓存 npm 包。通过使用 make-cacheable 可以快速创建缓存实例，并提供一些常见操作，例如缓存应用程序的结果，提供缓存工具的最大和最小值等。在使用时，可以结合实际需求进行自定义设置，以达到最佳缓存效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/154356