简单封装localStorage和sessionStorage

由于项目中常需用到本地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地址