流浪のwolf

卷帝

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

统计

封装setItem 和 getItem 本地存储

store.js 文件 按需导出setItem 和 getItem 函数 ;在utils文件里面 ;

 

 

复制代码
export const setItem = (key, value) => {
  // 复杂数据需要序列化
  if (typeof value === "object") {
    localStorage.setItem(key, JSON.stringify(value));
  } else {
    // 简单数据直接i存储
    localStorage.setItem(key, value);
    // localStorage.setItem(key, JSON.stringify(value));
  }
};
// 如果有字符串没有序列化 就去反序列化 会报错
export const getItem = (key) => {
  const data = localStorage.getItem(key);
  try {
    // 报错说明data是一个没有经过序列化的数据,也就不需要反序列化了
    return JSON.parse(data);
  } catch (err) {
    // 报错说明 data 是普通数据 取出来直接返回即可不需要反序列化操作
    return data;
  }
};
复制代码

posted on   朱龙旭的网络  阅读(62)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示