在使用Cookie进行存储的时候，遇到了许多不可思议的bug，特地标识出来，以作总结。
是这样一个项目，登录是放在官网进行操作的，而登录进入的是后台，后台和官网属于同一域名的不同目录，那么常规进行cookie进行存储的话，在后台则会访问不到这个cookie，所以需要配置domain和path。
//存储cookie
function setCookie(name, val, obj) {
let {
day,
domain,
path
} = obj;
if (!day) {
day = 1;
}
if (!domain) {
domain = document.domain;
}
if(!path){
path='/'
}
var str = name + "=" + escape(val) + ";domain=" + domain + ";path=" + path + ";";
var date = new Date();
date.setTime(date.getTime() + day * 24 * 60 * 60 * 1000);
str += ";expires=" + date.toString();
document.cookie = str;
}
//获取cookie
function getCookie(objName) {
var arrStr = document.cookie.split("; ");
for (var i = 0; i < arrStr.length; i++) {
var temp = arrStr[i].split("=");
if (temp[0] == objName) return unescape(temp[1]);
}
}
在进行删除cookie的时候也遭遇了滑铁卢，我本来使用这个 delCookie 的方法失效，认识到了删除cookie必须domain和name一直才能删除。
//删除cookie
function delCookie(name){
var date = new Date();
date.setTime(date.getTime() - 10000);
document.cookie = name + "=a; expires=" + date.toString();
}
也就有了下面的这个方法，但是在使用的时候，删除cookie的操作只是把cookie的值修改了，过期时间改为了过期，但是cookie并没有删除掉。本来我以为这是cookie的默认机制，只有关闭浏览器过期的cookie才会删除，但是后来在做测试的时候才发现错了，cookie是可以直接删除掉的。
//带有domain
function delCookie(name) {
var domain = '.suibian.com';
var path='/';
var str = name + "=error" + ";domain=" + domain + ";path=" + path + ";";
var date = new Date();
date.setTime(date.getTime() -10000);
str += ";expires=" + date.toString();
document.cookie = str;
}
删除cookie的时候是因为我在浏览器操作，不想再复制删除cookie的代码过来了，于是直接使用了存储cookie的函数，把时间设置为-1的过期时间，然后cookie竟然不见了。。。。
cookie彻底删除的页面就不截图了。。。。
function delCookie(name) {
setCookie(name,'expire',{domain:'your_domain'});
}
遗憾的是我还不清楚究竟是为什么，先把正确完整的代码贴上吧
//获取cookie
function getCookie(objName) {
var arrStr = document.cookie.split("; ");
for (var i = 0; i < arrStr.length; i++) {
var temp = arrStr[i].split("=");
if (temp[0] == objName) return unescape(temp[1]);
}
} //存储cookie
function setCookie(name, val, obj) {
var day = obj.day
var domain = obj.domain
var path = obj.path
if (!day) {
day = -1;
}
if (!domain) {
domain = document.domain;
}
if (!path) {
path = '/'
}
var str = name + "=" + escape(val) + ";domain=" + domain + ";path=" + path + ";";
var date = new Date();
date.setTime(date.getTime() + day * 24 * 60 * 60 * 1000);
str += ";expires=" + date.toString();
document.cookie = str;
} //删除cookie
function delCookie(name) {
setCookie(name,'expire',{domain:'your_domain',path:'your_path'});
}
追加类方法
class Cookie {
constructor() {
this.setItem = this.setItem.bind(this);
}
static getItem(objName) {
let arrStr = document.cookie.split("; ");
for (let i = ; i < arrStr.length; i++) {
let temp = arrStr[i].split("=");
if (temp[] == objName) return unescape(temp[]);
}
}
static setItem(name, val, obj) {
let {
day,
domain,
path
} = obj;
if (!day) {
day = ;
}
if (!domain) {
domain = document.domain;
}
if (!path) {
path = '/'
}
let str = name + "=" + escape(val) + ";domain=" + domain + ";path=" + path + ";";
let date = new Date();
date.setTime(date.getTime() + day * * * * );
str += ";expires=" + date.toString();
document.cookie = str;
}
static removeItem(name, obj) {
let {
domain,
path
} = obj;
if (!domain) {
domain = document.domain;
}
if (!path) {
path = '/'
}
this.setItem(name, 'expire', {
domain,
path,
day: -
});
}
}