本地浏览器储存封装sessionStorage和localStorage的js文件

本地浏览器储存封装sessionStorage和localStorage的js文件,可以拿走直接用哦!!! 

注释:参数:islocal是否储存在localStorage或者sessionStorage里面

const utility = {

//储存  data需要储存的数据 key:储存的key,字符串

  setObj(data, islocal = true) {

    if (islocal) {

      window.localStorage.setItem(key, JSON.stringify(data))

    } else {

      window.sessionStorage.setItem(key, JSON.stringify(data))

    }

  },

//取值  key:储存的key,字符串

  getObj(key, islocal = true) {

    try {

      let data

      if (islocal) {

        data = JSON.parse(window.localStorage.getItem(key))

      } else {

        data = JSON.parse(window.sessionStorage.getItem(key))

      }

      return data

    } catch (e) { //取值失败的监听返回空数据

      return null

    }

  },

//删除   key:储存的key,字符串

  removeObj(key,isLocal = true) {

    if (isLocal) {

      window.localStorage.removeItem(key)

    } else {

      window.sessionStorage.removeItem(key)

    }

  }

}

export default utility

页面调用:

如存值:utility.setObj(‘localStorage’,true)或 utility.setObj(‘sessionStorage’,false)

如取值:utility.getObj(‘localStorage’,true)或 utility.getObj(‘sessionStorage’,false)

如删除:utility.removeObj(‘localStorage’,true)或 utility.removeObj(‘sessionStorage’,false)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值