简单封装localStorage和sessionStorage

·  阅读 2480

由于项目中常需用到本地storage存储,复杂的数组、对象等,每次都需要JSON.stringify()JSON.parse()进行序列化、反序列化操作,觉得有点麻烦,再者,存入storage的数值,取出来就变成字符串了,因此,对storage简单封装了一下,使取出的值类型和存入时保持一致,也可以存入整个object对象。

1、安装

npm install pz_storage --save
复制代码

2、使用

import storage from 'pz_storage';

// 存储单个值
storage.set('name', 'esther');
// 获取单个值
storage.get('name');
// 删除单个值
storage.remove('name');
// 清空全部
storage.clear();
// 存储对象,key - value形式
storage.setList({
   a: '1',
   b: '2.1',
   c: ['a', 'b', 'c'],
   d: {
      'd-1': 'd-1',
      'd-2': 'd-2'
   },
   e: true,
   f: new Date(),
   g: function(){
      console.log(111);
   }
});
// 获取多个值,传入数组形式的key
storage.getList(['a', 'b', 'd', 'f']);
// 删除多个值,传入数组形式的key
storage.removeList(['a', 'b', 'd', 'f'])

// sessionStorage, api同上
storage.session.set('name', 'esther');
复制代码

也可直接在HTML页面引入dist文件夹下的storage.js

<script src="dist/storage.js"></script>
复制代码

github地址

分类:
前端
标签:
分类:
前端
标签: