操作cookie最实用的方式

前言

什么是cookie?
cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。

操作

  /**
   * 设置cookie值
   *
   * @param {String} name cookie名称
   * @param {String} value cookie值
   * @param {Number} expiredays 过期时间，天数
   */
  function setCookie (name, value, expiredays) {
    let exdate = new Date()
    exdate.setDate(exdate.getDate() + expiredays)
    document.cookie = `${name}=${encodeURI(value)}`
    document.cookie += expiredays ? `;expires=${exdate.toGMTString()}` : ``
  }
  /**
   * 获取cookie值
   * @param {String} name cookie名称
   */
  function getCookie (name) {
    if (document.cookie.length > 0) {
      let start = document.cookie.indexOf(`${name}=`)
      if (start !== -1) {
        start = start + name.length + 1
        let end = document.cookie.indexOf(';', start)
        if (end === -1) {
          end = document.cookie.length
        }
        return decodeURI(document.cookie.substring(start, end))
      }
    }
    return ''
  }
  /**
   * 删除指定cookie值
   * @param {String} name cookie名称
   */
  function clearCookie (name) {
    setCookie(name, '', -1)
  }
  /**
   * 浏览器是否支持本地cookie
   */
  function isSupportLocalCookie () {
    let {name, value} = {name: 'name', value: 'xiaoming'}
    setCookie(name, value, 1)
    return getCookie(name).includes(value)
  }

Chrome does support cookies if you use the local IP address (127.0.0.1) directly. so in the localhost case, that could be an easier workaround

由于chrome浏览器不支持本地cookie，所以isSupportLocalCookie函数检验浏览器是否支持本地cookie就很有必要了。

参考

http://www.w3school.com.cn/js/js_cookies.asp