localStorage设置过期时间

class Storage{
  constructor() {
    this.name = 'Storage'
  }
  // 设置存储
  // key:需要存储的数据
  // value:需要存储的数据
  // expres:过期时间,毫秒单位
  setItem(key,value,expires) {
    let obj = {
      value: value,
      expires: expires,//有效时间
      startTime:new Date().getTime()//记录存储数据的时间,转换为毫秒值存下来
    }
    // 判断是否设置了有效时间
    if (obj.expires) {
      // 如果设置了时间,把obj转换数据类型转换为字符串对象存起来
      localStorage.setItem(key,JSON.stringify(obj))
    }
    // 如果没有设置有效时间,直接把value值存进去
    else {
      localStorage.setItem(key,JSON.stringify(obj.value))
    }
  }

  // 获取存储数据
  getItem(key) {
    // 先定义一个变量临时存放提取的值
    let temp = JSON.parse(localStorage.getItem(key))
    // 判断有没有设置expires属性
    // 如果有,就需要判断是否到期了
    if (temp&&temp.expires) {
      let data = new Date().getTime()
      if (data - temp.startTime > temp.expires) {
        // 此时说明数据已过期,清除掉
        localStorage.removeItem(key)
        // 直接return
        return
      }
      else {
        // 如果没有过期就输出
        return temp.value
      }
    }
    // 如果没有设置,直接输出
    else {
      return temp
    }
  }
}


export function getToken() {
  return new Storage().getItem(TokenKey)
}

export function setToken(token) {
  return new Storage().setItem(TokenKey, token, 3600000*24*7)
}

export function removeToken() {
  return window.localStorage.removeItem(TokenKey)
}
  • 8
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值