【js基础】封装本地存储模块

小陈同学。。

于 2022-03-22 22:22:25 发布

阅读量223

点赞数

CC 4.0 BY-SA版权

分类专栏： js基础文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_53500514/article/details/123673513

js基础专栏收录该内容

7 篇文章

订阅专栏

这是一个用于封装浏览器本地存储操作的模块，包括设置项、获取项和删除项的功能。通过JSON.stringify和JSON.parse处理对象类型的值，确保数据的正确存储和读取。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//封装本地存储操作模块

// 存储数据
export const setItem = (key,value)=>{
    if(typeof value === 'object'){
      value =  JSON.stringify(value)
    }
   window.localStorage.setItem(key,value)
}


// 获取数据
export const getItem = (key) =>{
const data = window.localStorage.getItem(key)
try{
 return JSON.parse(data)
}catch(err){
 return data
}
}


// 删除数据
export const removeItem = (key) =>{
    window.localStorage.removeItem(key)
}