封装 sessionStorage 和 localStorage

最新推荐文章于 2023-03-30 19:56:29 发布

qq_15721845

最新推荐文章于 2023-03-30 19:56:29 发布

阅读量427

点赞数

分类专栏：进阶文章标签： es6

本文链接：https://blog.csdn.net/qq_15721845/article/details/90519653

版权

进阶专栏收录该内容

1 篇文章 0 订阅

订阅专栏

封装 sessionStorage 和 localStorage

//util.js
export const storage = {
  setLocal: (key, value) => {
    window.localStorage.setItem(key, JSON.stringify(value))
  },
  getLocal: key => {
    let value = window.localStorage.getItem(key)
    try {
      return JSON.parse(value)
    } catch(e) {
      return value
    }
  },
  clearOneLocal: key => {
    window.localStorage.removeItem(key)
  },
  clearAllLocal: () => {
    window.localStorage.clear()
  },
  setSession: (key, value) => { //正常设置，会覆盖原值
    window.sessionStorage.setItem(key, JSON.stringify(value))
  },
  appendSession: (key, value) => {  //追加赋值，不会覆盖原值
    if(window.sessionStorage.getItem(key)) {
      let oldValue = JSON.parse(window.sessionStorage.getItem(key))
      let newValue = Object.assign(oldValue, value)
      window.sessionStorage.setItem(key, JSON.stringify(newValue))
    }else {
      window.sessionStorage.setItem(key, JSON.stringify(value))
    }
  },
  getSession: key => {  //需要判断取值格式，如果是string或者undefined，不能JSON.PARSE()
    let value = window.sessionStorage.getItem(key)
    try {
      return JSON.parse(value)
    } catch(e) {
      return value
    }
  },
  clearOneSession: key => {
    window.sessionStorage.removeItem(key)
  },
  clearAllSession: () => {
    window.sessionStorage.clear()
  }
}

//demo.js
import { storage } from '@/libs/util.js'

storage.setSession('test', {'a':1})