JavaScript 中的 Cookie 操作

在 JavaScript 中，Cookie 是一种用于在客户端存储少量数据的机制。它们在网页开发中起着重要的作用，特别是在实现个性化体验、保存用户偏好和跟踪用户行为方面。

让我们了解如何设置 Cookie。通过 document.cookie 属性，我们可以创建新的 Cookie 或者修改现有的 Cookie。例如：

document.cookie = "username=John Doe; expires=Thu, 18 Dec 2025 12:00:00 UTC; path=/";

在上述代码中，我们设置了一个名为 username 的 Cookie，值为 John Doe，并指定了过期时间、路径等属性。

接下来是读取 Cookie。同样通过 document.cookie 来获取，但它返回的是一个包含所有 Cookie 的字符串，需要进行一些处理来提取我们想要的 Cookie 值。

function getCookie(cname) {
  let name = cname + "=";
  let decodedCookie = decodeURIComponent(document.cookie);
  let ca = decodedCookie.split(';');
  for(let i = 0; i <ca.length; i++) {
    let c = ca[i];
    while (c.charAt(0) =='') {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

这个函数可以根据指定的 Cookie 名称获取其值。

在删除 Cookie 时，我们可以通过将其过期时间设置为过去的时间来实现。

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/";

需要注意的是，Cookie 存在一些限制。例如，每个 Cookie 的大小通常不能超过 4KB，而且一个域名下能存储的 Cookie 数量也是有限的。由于 Cookie 会随每次请求发送到服务器，过多或过大的 Cookie 可能会影响性能。

在实际开发中，要谨慎使用 Cookie，确保只存储必要的信息，并遵循相关的隐私法规和最佳实践。

掌握 JavaScript 中的 Cookie 操作对于构建功能丰富、用户体验良好的网页应用是至关重要的。合理运用 Cookie 能够为用户提供更个性化和便捷的服务。