函数封装sessionStorage、localStorage缓存

micoria

已于 2023-03-30 20:15:40 修改

阅读量85

点赞数

文章标签：缓存 javascript 开发语言

于 2023-03-30 19:56:29 首次发布

本文链接：https://blog.csdn.net/micoria/article/details/129865261

版权

一、封装sessionStorage

const TMP = '[?=pa]'

export default {
  /**
   * @description 存储数据
   * @param {String} name 保存在ss中的字段名
   * @param {String} value 保存在ss中的字段值
   */
  setItem: function (name, value) {
    value = JSON.stringify(value) + TMP
    let enValue = encodeURIComponent(value)
    sessionStorage.setItem(name, enValue)
  },

  /**
   * @description 获取数据
   * @param {String} name 保存在ss中的字段名
   * @param {String} value 保存在ss中的字段值
   */
  getItem: function (name) {
    let enValue = sessionStorage.getItem(name)
    if (enValue) {
      let value = decodeURIComponent(enValue).split(TMP).join('')
      return JSON.parse(value)
    } else {
      return false
    }
  },

  /**
   * @description 删除变量
   * @param {String} name 保存在ss中的字段名
   */
  removeItem: function(name) {
    sessionStorage.removeItem(name)
  }
}

二、函数封装localStorage

const TMP = '[?=pa]'

export default {
  /**
   * @description 存储数据
   * @param {String} name 保存在ls中的字段名
   * @param {String} value 保存在ls中的字段值
   */
  setItem: function (name, value) {
    value = JSON.stringify(value) + TMP
    let enValue = encodeURIComponent(value)
    localStorage.setItem(name, enValue)
  },

  /**
   * @description 获取数据
   * @param {String} name 保存在ls中的字段名
   * @param {String} value 保存在ls中的字段值
   */
  getItem: function (name) {
    let enValue = localStorage.getItem(name)
    if (enValue) {
      let value = decodeURIComponent(enValue).split(TMP).join('')
      return JSON.parse(value)
    } else {
      return false
    }
  },

  /**
   * @description 删除变量
   * @param {String} name 保存在ls中的字段名
   */
  removeItem: function(name) {
    localStorage.removeItem(name)
  }
}