用JavaScript读取cookie的最短、准确且跨浏览器兼容的方法是什么?
通常，在构建独立脚本(在那里我不能有任何外部依赖)时，我发现自己添加了一个读取cookie的函数，并且通常回退到QuirksMode.org readCookie()方法(280字节，缩小216字节)。
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
它确实起到了作用，但它很丑，而且每次都增加了相当多的膨胀。
jQuery的方法。Cookie使用类似这样的内容(经过修改，165字节，125字节缩小):
function read_cookie(key)
{
var result;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? (result[1]) : null;
}
请注意，这不是一场“代码高尔夫”比赛:我对减小readCookie函数的大小感兴趣，并确保我拥有的解决方案是有效的。
(编辑:先贴错版本了。而且是非功能性的。更新到current，它使用一个unparam函数，很像第二个例子。)
第一个例子中的好主意。我在这两者的基础上构建了一个相当紧凑的cookie读写功能，可以跨多个子域工作。我想我应该分享一下，以防其他人在这个帖子里看到这个。
(function(s){
s.strToObj = function (x,splitter) {
for ( var y = {},p,a = x.split (splitter),L = a.length;L;) {
p = a[ --L].split ('=');
y[p[0]] = p[1]
}
return y
};
s.rwCookie = function (n,v,e) {
var d=document,
c= s.cookies||s.strToObj(d.cookie,'; '),
h=location.hostname,
domain;
if(v){
domain = h.slice(h.lastIndexOf('.',(h.lastIndexOf('.')-1))+1);
d.cookie = n + '=' + (c[n]=v) + (e ? '; expires=' + e : '') + '; domain=.' + domain + '; path=/'
}
return c[n]||c
};
})(some_global_namespace)
如果你给rwCookie传递什么，它将得到
将所有cookie放入cookie存储区
传递给rwCookie一个cookie名，它得到了这个
Cookie的价值来自存储
传递一个cookie值，它写入cookie并将值存储
除非指定，否则过期时间默认为会话
使用cwolves的答案，但不使用闭包或预先计算的哈希:
// Golfed it a bit, too...
function readCookie(n){
var c = document.cookie.split('; '),
i = c.length,
C;
for(; i>0; i--){
C = c[i].split('=');
if(C[0] == n) return C[1];
}
}
.．.和缩减……
function readCookie(n){var c=document.cookie.split('; '),i=c.length,C;for(;i>0;i--){C=c[i].split('=');if(C[0]==n)return C[1];}}
.．.等于127字节。
此功能不适用于较老的浏览器，如chrome > 80。
const getCookieValue = (name) => (
document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop() || ''
)
我通过使用这个函数来解决这个问题，如果缺少cookie则返回undefined:
function getCookie(name) {
// Add the = sign
name = name + '=';
// Get the decoded cookie
var decodedCookie = decodeURIComponent(document.cookie);
// Get all cookies, split on ; sign
var cookies = decodedCookie.split(';');
// Loop over the cookies
for (var i = 0; i < cookies.length; i++) {
// Define the single cookie, and remove whitespace
var cookie = cookies[i].trim();
// If this cookie has the name of what we are searching
if (cookie.indexOf(name) == 0) {
// Return everything after the cookies name
return cookie.substring(name.length, cookie.length);
}
}
}
来源:https://daily-dev-tips.com/posts/vanilla-javascript-cookies-%F0%9F%8D%AA/
