封装localStorage

code.dong

已于 2023-04-20 15:01:00 修改

阅读量349

点赞数

CC 4.0 BY-SA版权

文章标签：前端 javascript json

于 2023-04-20 14:59:55 首次发布

本文链接：https://blog.youkuaiyun.com/CodeBoyDong/article/details/130266676

这是一个JavaScript类，它简化了localStorage的使用，自动处理JSON的序列化和反序列化。用户无需手动调用JSON.stringify()和JSON.parse()，可以直接存储和获取对象。

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

storage会根据传入的参数类型自动进行json转换，不用再自己手动写JSON.stringify()和JSON.parse()，需要的小伙伴直接复制到项目中就能使用

class Storage {
  constructor() {}

  /**
   * 获取
   * @param {String} key 
   * @returns 
   */
  getStorage(key) {
    if(!key) {
      console.error(new Error('function getStorage params is undefined'))
      return
    }

    const value = window.localStorage.getItem(key)
    try {
      const object = JSON.parse(value)
      return object
    } 
    catch (error) {
      return value
    }
  }

  /**
   * 设置
   * @param {String} key 
   * @param {any} value 
   * @returns {any}
   */
  setStorage(key, value) {
    if(!key && !value) {
      console.error(new Error('function setStorage params is undefined'))
      return
    }

    if(typeof value === 'object') {
      const jsonString = JSON.stringify(value)
      window.localStorage.setItem(key, jsonString)
    }
    else {
      window.localStorage.setItem(key, value)
    }
  }

  /**
   * 移除
   * @param {String} key 
   * @returns 
   */
  removeStorage(key) {
    if(!key) {
      console.error(new Error('function removeStorage params is undefined'))
      return
    }
    window.localStorage.removeItem(key)
  }

  /**
   * 清除
   */
  clearStorage() {
    window.localStorage.clear()
  }
}

const storage = new Storage()

export default storage