简单封装localStorage_localstorage 简单封装

localStorage直接保存object对象，在取用的时候会出现保存的数据变成[object object]，从而导致获取的数据错误。
简单的封装一下，就能正常存取string/object/array等数据。

1.创建storage.js

let storage = {
    setStorage(cname, cvalue) {
        localStorage.setItem(cname, JSON.stringify({ obj: cvalue }));
    },
    getStorage(cname) {
        let value = JSON.parse(localStorage.getItem(cname));
        return value && value.obj ? value.obj : value;
    },
    removeStorage(cname) {
        localStorage.removeItem(cname);
    }
};

export default storage;
1
2
3
4
5
6
7
8
9
10
11
12
13
14

2.引用

//引入
import storage form './storage';
//使用
storage.setStorage('a',{b:1}); //本地数据{obj:{b:1}}
storage.getStorage('a'); //{b:1}
storage.removeStorage('a'); 
1
2
3
4
5
6

完