之前在做一个项目时,有一个登出功能需要清除所有cookie,我一想,给这所有cookie的过期时间Max-Age全都设为0不就可以了,
(这里不使用Expires的原因是服务器可能不是北京时间,这样的话将Expires设为当前的本地时间可能会无效)
代码很简单,如下:
const keys = document.cookie.match(/[^=;]+(?==")/g);
let cookie = '';
for (let key of keys) {
// cookie的值随便设,这里设为0
cookie += `${value}=0; max-age=0`;
}
document.cookie = cookie;
结果,当我调试的时候,发现cookie并没有完全清除,或者说只有第一条cookie被清除了,我折腾了好久,最后去mdn查了document.cookie的文档才弄明白,原来在一次document.cookie的赋值时,只能设置或更新一个cookie,
原话:
Note that you can only set/update a single cookie at a time using this method.
而其他的键值对是为了更新这个cookie的属性。这样的话就要进行多次更新。新的代码如下:
const keys = document.cookie.match(/[^=;]+(?==")/g);
keys.forEach(value => document.cookie = `${value}=0; max-age=0`);
反而更简单了。
问题解决之后,总结一下:写代码的时候不能有这种理所当然的心态,对于未知或者不确定的东西,还是查文档最靠谱,自己猜很容易出错,而且还有可能形成错误的认知,以后要再仔细一些。