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

本地存储模块封装

最新推荐文章于 2024-07-12 16:56:43 发布

原创最新推荐文章于 2024-07-12 16:56:43 发布 · 232 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

js基础专栏收录该内容

7 篇文章

订阅专栏

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

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

// 存储数据
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)
}