storage 二次封装

jeremygeng

已于 2023-02-01 16:16:24 修改

阅读量78

点赞数

分类专栏： js 文章标签：前端 javascript 开发语言

于 2023-02-01 16:11:45 首次发布

本文链接：https://blog.csdn.net/jeremygeng/article/details/128835920

版权

js 专栏收录该内容

11 篇文章 0 订阅

订阅专栏


/**
 * storage 二次封装
 */
 
// config.js
export default {
	namespace: 'manager'
}

// storage.js
import config from './../config'
export default {
  setItem(key, val) {
    let storage = this.getStorage()
    storage[key] = val
    window.localStorage.setItem(config.namespace, JSON.stringify(storage))
  },
  getItem(key) {
    return this.getStorage()[key]
  },
  clearItem(key) {
    let storage = this.getStorage()
    delete storage[key]
    window.localStorage.setItem(config.namespace, JSON.stringify(storage))
  },
  clearAll() {
    window.localStorage.clear()
  },
  getStorage() {
    let storage = window.localStorage.getItem(config.namespace) || '{}'
    return JSON.parse(storage)
  }
}