storage-util

storage-util

一个整合sessionStorage、localStorage、cookie的小插件，你可以更方便地使用这三个存储对象，也无需担心因兼容性问题而导致页面崩溃报错。

安装

npm install storage-util --save

使用方式

相关参数

/*
  type: 可选 值->sessionStorage、localStorage、cookie之一，默认sessionStorage
  success: 可选 设置成功后的回调，注意要放在对象里，下同
  fail: 可选 设置失败后的回调
  
  方法：
    get 获取值
    set 设置值
    remove 删除值
    isSupport 判断是否支持sessionStorage/localStorage/cookie
    setType 修改type
*/
var storage = new StorageUtil(type,{
  success:function(){
    console.log('成功了');
  },
  fail:function(){
    console.log('失败了');
  }
});

环境检测

注意：在兼容性方面，工具并不会自动降级处理，如果需要，可以在回调函数中做相关操作

new StorageUtil().isSupport();//sessionStorage
new StorageUtil('localStorage').isSupport();//localStorage
new StorageUtil('cookie').isSupport();//cookie

增删改查

设置cookie略有不同，可选设置时间

//sessionStorage
var storage = new StorageUtil();

storage.set('sessionStoragekey',1);
storage.get('sessionStoragekey');//1
console.log(sessionStorage.sessionStoragekey)//1

//localStorage
var storage = new StorageUtil('localStorage');

storage.set('localStoragekey',1);
storage.get('localStoragekey');//1
console.log(localStorage.localStoragekey)//1

//cookie
var storage = new StorageUtil('cookie'),
    time = 5 * 60 * 60 * 1000; //5小时，默认2小时

storage.set('cookiekey',1,time);
console.log(storage.get('cookiekey'));//1

链式调用

由于get为取值操作，这里的链式操作只能是set或remove

//set/remove
console.log(new StorageUtil().set('key1',1).set('key2',2).remove('key1').get('key2'));//2

直接存储对象

无需手动转换对象数据

//sessionStorage/localStorage/cookie
new StorageUtil().set('obj',{'test':1}).get('obj')//{test: 1}
new StorageUtil('localStorage').set('obj',{'test':1}).get('obj')//{test: 1}
new StorageUtil('cookie').set('obj',{'test':1}).get('obj')//{test: 1}

批量操作

批量设置cookie时，time参数往前移一位

//批量get
new StorageUtil().get('key1,key2');
//批量set sessionStorage/localStorage
new StorageUtil().set({ke1:1,key2:2});
//批量set cookie time 可选
var time = 5 * 60 * 60 * 1000;

new StorageUtil('cookie').set({ke1:1,key2:2},time);
//批量删除 sessionStorage/localStorage/cookie
new StorageUtil().remove('key1,key2');

变换type

只需一行代码，就可以玩转三个存储对象

new StorageUtil().set('key1',1).setType('localStorage').set('key2',2).
	.setType('cookie').set('key3',3)

无限链式

new StorageUtil().set('msg','你翩翩地路过，').get('msg',function(msg){
    console.log(msg);
  }).setType('localStorage').set('msg','以为不曾留下什么，').get('msg',function(msg){
    console.log(msg);
  }).setType('cookie').set('msg','却在我心里有了思念，').get('msg',function(msg){
    console.log(msg);
  }).setType('sessionStorage').set('msg','若你还记得，').get('msg',function(msg){
    console.log(msg);
  }).setType('localStorage').set('msg','那个蝉鸣的夏天，').get('msg',function(msg){
    console.log(msg);
  }).setType('cookie').set('msg','有一个你，也有一个我。').get('msg',function(msg){
    console.log(msg);
  })

无限链式+批量

new StorageUtil().set({key3:3,key4:4}).get('key3,key4',function(key3,key4){
    console.log(key3,key4);
  }).remove('key3,key4');

License

MIT