简单封装localStorage

最新推荐文章于 2024-08-15 20:33:20 发布

threeSevenTree

最新推荐文章于 2024-08-15 20:33:20 发布

阅读量288

点赞数

分类专栏： javascript js工具封装文章标签： javascript

本文链接：https://blog.csdn.net/sinat_33881413/article/details/104863342

版权

js工具封装同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

javascript

0 篇文章 0 订阅

订阅专栏

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;

2.引用

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