ES6 Cookies介绍

ES6 Cookies是JavaScript中的一种数据存储方式。Cookies是在客户端中存储数据的小文件。浏览器使用Cookies来跟踪用户的身份，并在多个Web服务器之间共享数据。ES6引入了新的语法糖，简化了Cookies的处理。

创建Cookies

在ES6中，使用以下语法创建Cookies：

document.cookie = `${name}=${value}; expires=${expires}; path=${path}`

其中，name是cookie的名称，value是cookie的值，expires是cookie的过期时间，若不设置，则默认为浏览器关闭时过期，path是cookie所在的路径，默认为根路径。

document.cookie = "username=Emma; expires=Thu, 25 Feb 2021 12:00:00 UTC; path=/";

读取Cookies

在ES6中，可以使用以下代码读取Cookies：

const cookies = document.cookie.split("; ");

该代码将会以数组的形式返回一个包含所有cookies的字符串。

我们也可以使用以下的代码获取指定的cookie值：

function getCookie(name) {
  const cookies = document.cookie.split("; ");
  for (const cookie of cookies) {
    const [cookieName, cookieValue] = cookie.split("=");
    if(cookieName === name) {
      return cookieValue;
    }
  }
  return null;
}

删除Cookies

在ES6中，可以使用以下代码删除Cookies：

document.cookie = "${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/;"

该代码将会以过期时间为1970年1月1日的方式来删除指定的cookie。需要注意的是，name和path必须和创建时的保持一致，否则无法删除。

总结

ES6 Cookies为我们提供了便利的语法，使得Cookies的操作变得简单。我们可以通过创建、读取和删除Cookies以及其他API，灵活地处理Cookies，以达到更好的用户体验。