封装本地存储

最新推荐文章于 2022-09-26 17:22:39 发布

程序猿海王秃

最新推荐文章于 2022-09-26 17:22:39 发布

阅读量218

点赞数

分类专栏： JS 文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_53561783/article/details/126223752

版权

本文介绍了JavaScript中的两种本地存储方式——localStorage和sessionStorage，提供了一种简单的封装方法，旨在方便前端开发者进行数据持久化和会话管理。

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

前言：代码很简单，为了方便大家以后的使用直接CV

1.localStorage 永久会话存储

/*
*  localStorage 存储
*/
const local = {}

// 数据存储到本地缓存
local.set = function (key, value) {
  window.localStorage.setItem(key, JSON.stringify(value))
}

// 获取本地缓存数据
local.get = function (key) {
  let obj = window.localStorage.getItem(key)
  if (obj && obj !== undefined && obj !== null) {
    return JSON.parse(obj)
  }
  return ''
}



// 清除本地缓存数据
local.remove = function (key) {
  if (key) {
    window.localStorage.removeItem(key)
  } else {
    for (var i in arguments) {
      window.localStorage.removeItem(arguments[i])
    }
  }
}

// 检查本地缓存是否有值
local.seek = function (name) {
  if (!name) return
  return window.localStorage.hasOwnProperty(name)
}

export default local

2.sessionStorage 临时会话存储