前言
在前端开发过程中，难免会遇到需要持久化存储数据的需求。比如，用户的登录状态、历史记录等等，这些数据都需要被存储在客户端本地。而且，我们希望这些数据能够被轻松地读写和管理。为了解决这类问题，我们可以使用一个便捷的 npm 包，名叫 bi-storage。
安装
bi-storage 的安装非常简单，只需要在终端中运行以下命令即可：
npm install bi-storage
使用
bi-storage 的使用也非常简单，包含了以下几个方法：
set(key: string, value: any, expire?: number | string): 存储数据，并可指定过期时间。get(key: string, defaultValue: any = null): 读取数据，并可指定默认值。remove(key: string): 删除指定的数据。clear(): void: 删除所有数据。
除此之外，还有一个方法可以返回所有数据的键名：
keys(): string[]: 返回所有已存储数据的键名数组。
下面来看一下如何使用 bi-storage：
-- -------------------- ---- ------- ------ --------- ---- ------------- -- ---- --------------------- - ----- ----- ---- -- -- ------ -- - ----- -- -- ---- ----- ---- - --------------------- ---- -- ------ ------------------------- -- ------ ------------------ -- -------------- ----- ---- - -----------------
深度解析
数据存储
我们调用 set 方法，可以将任意类型的数据存储在本地存储中。bi-storage 内部会将数据序列化后存储在浏览器的 localStorage 或者 sessionStorage 中。同时，还可以通过第三个参数 expire（过期时间）来指定数据的过期时间，时间单位可以是秒（'s'）、分（'m'）、小时（'h'）或者天（'d'）。比如，代码示例中指定的数据过期时间是 2 小时。
注意：当存储的数据是对象或者数组等引用数据类型时，需要自行进行深拷贝操作，否则在数据更新时可能出现意料之外的问题。
数据读取
我们调用 get 方法，可以读取指定键名的数据。如果存储中不存在该键名的数据，则会返回一个默认值。这个默认值可以在方法中指定。比如代码示例中指定了一个默认值为空对象。
数据删除
我们调用 remove 方法，可以删除指定键名的数据。
数据清空
我们调用 clear 方法，可以清空本地存储中的所有数据。
键名数组返回
我们调用 keys 方法，可以返回所有已存储数据的键名数组。
结语
这就是 bi-storage 的基本使用方法和操作指南，我们可以基于这些方法去实现一些常见的持久化存储操作。bi-storage 虽然简单，但是它可以提高我们的开发效率，并让前端开发变得更加便捷。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005681681e8991b448e439c