如何在 JavaScript 中读取 Cookie：哪种解决方案最高效且跨浏览器兼容？

在 JavaScript 中读取 Cookie：高效且跨浏览器兼容的解决方案

使用独立 JavaScript 脚本时，优化代码至关重要尺寸和可靠性。一个常见的任务是读取cookie，这可以使用多种方法来实现。然而，找到最短、最有效的解决方案可能具有挑战性。

quirksmode.org 的 readCookie() 函数

QuirksMode.org readCookie() 方法是一个流行的选择但在大小和美观方面有限制。

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 的 read_cookie() 函数

jQuery.cookie 使用更简洁的方法，也高效:

function read_cookie(key)
{
    var result;
    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? (result[1]) : null;
}

优化方案：getCookieValue()函数

但是，还有一个更短、更可靠、更高效的解决方案：

const getCookieValue = (name) => (
  document.cookie.match('(^|;)\s*' + name + '\s*=\s*([^;]+)')?.pop() || ''
)

该函数利用正则表达式来提取与所提供的 cookie 名称关联的值。它比以前的方法更快、更简洁，如基准测试所示：

https://jsben.ch/AhMN6

方法注释

这种正则表达式方法不仅实现了最短的功能，还解决了 document.cookie 字符串中潜在的不一致问题。官方 RFC 2109 表明分号后面的空格是可选的，这种方法解释了这一点。它还处理等号前后的空格，确保解析 cookie 值的可靠性。

以上是如何在 JavaScript 中读取 Cookie：哪种解决方案最高效且跨浏览器兼容？的详细内容。更多信息请关注PHP中文网其他相关文章！