npm 包 tiny-lru 使用教程

在前端开发中，缓存是一项非常重要的技术，它可以大大提高网页的性能。而 LRU（Least Recently Used）算法是一种较为常见的缓存淘汰算法，它能够有效地保持缓存数据的新鲜度。

在本文中，我们将介绍一个基于 LRU 算法的 npm 包 tiny-lru，并详细讲解其使用方法和注意事项，以及如何在项目中应用它以提升性能。

什么是 tiny-lru

tiny-lru 是一款适用于浏览器和 Node.js 环境下的 LRU 缓存库。它的体积非常小，仅有 700 多字节，但其实现方式和效果相当不错。

该库的使用非常灵活，可以自己指定缓存大小，也可以自己指定淘汰的规则，当然库中也包含一些常用的规则可以直接使用。

使用方法

安装

在项目中使用 tiny-lru 也非常简单，首先你需要使用 npm 安装该库：

$ npm install tiny-lru --save

引入

安装好后，在你的项目中引入 tiny-lru 库：

import TinyLRU from 'tiny-lru'

或者

const TinyLRU = require('tiny-lru')

创建实例

创建一个 tiny-lru 实例：

const lru = new TinyLRU({ maxSize: 10 })

在这个实例中，我们指定了缓存大小为 10，也就是说，缓存中最多只能存储 10 个数值（或者其他类型的数据）。

存储数据

存储数据非常简单，直接使用 set 方法：

lru.set('a', 1)
lru.set('b', 2)
lru.set('c', 3)

在这里，我们以字符串作为键名，存储对应的数值。

获取数据

获取存储在缓存中的数据也非常简单，直接使用 get 方法：

console.log(lru.get('a')) // 1
console.log(lru.get('b')) // 2
console.log(lru.get('c')) // 3

如果缓存中不存在对应的数据，get 方法将会返回 undefined。

同样的，在 LRU 算法中，访问一个键值会更新它的访问时间，因此，访问一些数据并不会导致它们被移除出缓存。

每次访问后淘汰规则

在实际应用中，我们可能还需要指定某些数据被访问一定次数后就被淘汰出缓存，这时需要使用 tiny-lru 中的 secondChance 方法。

lru.set('d', 4)
lru.secondChance('d')
lru.secondChance('a')

在这段代码中，我们将键名为 d 的数据给予了一次访问的“第二次机会”，而对键名为 a 的数据也进行了同样的操作，这样就避免了数据被提前从缓存中移除。

生命周期

tiny-lru 同时还支持自定义缓存数据的生命周期，使用方法如下：

new TinyLRU({
  maxSize: 10,
  maxAge: 60 * 60, // 秒为单位，60 分钟过期
})

在这里，我们规定了缓存最多存储 60 分钟，超过这个时间的数据将会被淘汰出缓存。

更多的例子

适用于多页面应用，每个页面都有自己的缓存大小：

const caches = {}
function getCache (name) {
  if (!caches[name]) {
    caches[name] = new TinyLRU({ maxSize: 10 })
  }
  return caches[name]
}

小结

在本文中，我们介绍了一个非常小巧而功能强大的 npm 包 tiny-lru。通过使用 tiny-lru，开发者可以轻松地利用 LRU 算法带来的性能提升。

虽然 tiny-lru 的体积非常小，但其实现方式和效果并不逊于其他的缓存库。因此，在前端开发中，我们完全可以使用它来提升网页性能。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/58348