storejs 是一个简单的 localStorage 封装库,允许您轻松管理和使用 localStorage。
安装
使用 npm:
npm install store
使用 yarn:
yarn install store
使用方法
-- -------------------- ---- ------- ----- ----- - ---------------- -- ---- ----------------- ------- ---------------- --- -- ---- ----- ---- - ----------------- ----- --- - ---------------- -- ---- -------------------- -- --------- ----------------
方法列表
store.set(key, value)
将指定的 key 和 value 存储起来。value 可以是任何类型的数据,包括对象和数组。
store.set('name', 'john') store.set('age', 18) store.set('userInfo', { name: 'john', age: 18 }) store.set('userList', [{ name: 'john', age: 18 }, { name: 'susan', age: 20 }])
store.get(key, defaultValue)
获取指定的 key 对应的值,如果值不存在,则返回 defaultValue。如果 defaultValue 为空,则返回 undefined。
const name = store.get('name') const age = store.get('age') const userInfo = store.get('userInfo') const userList = store.get('userList', [])
store.remove(key)
删除指定 key 对应的数据。
store.remove('name')
store.clearAll()
清除所有存储的数据。
store.clearAll()
持久化设置
默认情况下,storejs 数据会一直保存在 localStorage 中,即使浏览器关闭。但是可以通过设置 store 中的 expires 属性来设置数据过期时间。
store.set('name', 'john', {expires: '1d'}) // 过期时间为 1 天 store.set('age', 18, {expires: new Date().getTime() + 1000 * 60}) // 过期时间为 1 分钟 store.set('userInfo', {name: 'john', age: 18}, {expires: 0}) // 永远不会过期
总结
storejs 是一个非常实用的库,可以帮助我们更轻松地管理 localStorage。可以用于在浏览器中存储一些简单的用户数据,如用户选择的主题、翻译语言等。也可以用于在不同的页面间共享数据,如未登录状态下的购物车数据。其实现原理较为简单,易于扩展定制,非常适合前端开发者使用。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/69565