cookie,localstorage封装

cookie封装

const set = (name, value, {maxAge, domain, path, secure} ={}) => {
  let cookieText = `${encodeURIComponent(name)}=${encodeURIComponent(value)}` //进行编码，防止出现乱码

  if(typeof maxAge === 'number'){
    cookieText += `; max-age=${maxAge}`
  }

  if(domain){
    cookieText += `; domain=${domain}`
  }

  if(path){
    cookieText += `; path=${path}`
  }

  if(secure){
    cookieText += `; secure`
  }

  document.cookie = cookieText
}

const get = (name) => {
  name = `${encodeURIComponent(name)}`

  const cookies = document.cookie.split("; ")

  for(const item of cookies){
    const [cookieName, cookieValue] = item.split("=")
    if(cookieName === name){
      return decodeURIComponent(cookieValue)
    }
  }
  return;
}

// 根据name,domain,path 删除 cookie: 将maxAge设为-1就删除了cookie
const remove = (name,{domain,path} = {}) => {
  set(name,"",{
    domain,
    path,
    maxAge:-1
  })
}

export { set, get, remove }

对应的测试代码

<script type="module">
    import { set, get } from './test.js';

    console.log("1321546")
    set("username","zs")
    set("age",18)
    set("用户名","张三",{
      maxAge:50
    })

    console.log(get("username"))
</script>

localstorage封装

const Storage = window.localStorage
const set = (name,value) => {
  Storage.setItem(name,JSON.stringify(value))
}

const get = (name) => {
  return JSON.parse(Storage.getItem(name))
}

const remove = (name) => {
  Storage.removeItem(name)
}

const clear = () => {
  Storage.clear()
}

export {set,get,remove,clear}

对应的测试代码

<script type="module">
    import { set,get,remove,clear} from './localstorage封装.js'

    set("user1",{
      a:1,
      school: "456464"
    })

    console.log(get("user1"))
 </script>