react 封装自己的Cookie库

const cookie = {
//根据key值获取对应的cookie
  getCookie(key: any) {
//获取cookie
    const data = document.cookie
//获取key第一次出现的位置
    let startIndex = data.indexOf(key + '=')
//如果开始索引值大于0表示有cookie
    if (startIndex > -1) {
//key的起始位置等于出现的位置加key的长度+1
      startIndex = startIndex + key.length + 1
//结束位置等于从key开始的位置之后第一次;号所出现的位置
      let endIndex = data.indexOf(';', startIndex)
//如果未找到结尾位置则结尾位置等于cookie长度，之后的内容全部获取
      endIndex = endIndex < 0 ? data.length : endIndex

      return decodeURIComponent(data.substring(startIndex, endIndex))
    } else {
      return ''
    }
  },

  setCookie(key: any, value: any, time?: any) {
   //默认保存时间
    const times = time
    //获取当前时间
    const cur = new Date()
    /设置指定时间
    cur.setTime(cur.getTime() + times * 24 * 3600 * 1000)
    //创建cookie  并且设置生存周期为UTC时间
    document.cookie = key+'=' +encodeURIComponent(value) +';expires=' +(times === undefined ? '' : cur.toUTCString())
  },

  delCookie(key: any) {
//获取cookie
    const data = this.getCookie(key)
//如果获取到cookie则重新设置cookie的生存周期为过去时间
    if ((data as any) !== false) {
      this.setCookie(key, data, -1)
    }
  }
}

export default cookie

 

转载于:https://www.cnblogs.com/-Fly/p/10515564.html