本地存储模块封装 localstorage

最新推荐文章于 2024-04-05 22:20:57 发布

weixin_46446028

最新推荐文章于 2024-04-05 22:20:57 发布

阅读量178

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46446028/article/details/108985650

版权

本文介绍了如何使用JavaScript封装一个本地存储模块，重点探讨了LocalStorage的基本操作，并提供了具体的封装示例，包括设置、获取、删除存储项以及清空所有数据的方法。

摘要由CSDN通过智能技术生成

// 存数据
export const setItem = (key, val) => {
  if (typeof val === 'object') {
    val = JSON.stringify(val)
  }
  window.localStorage.setItem(key, val)
}
// 取数据
// 如果本地存储的是字符串,使用json.parse报错
// 可以用try..catch来捕获错误
export const getItem = (key) => {
  try {
    return JSON.parse(window.localStorage.getItem(key))
  } catch {
    return window.localStorage.getItem(key)
  }
}
// 删除数据
export const removeItem = key => {
  window.localStorage.removeItem(key)
}