Mozilla Cookies框架（问题！）

Question

所以我开始使用cookie，并看到了Mozilla提供的这个简单的cookie框架，

我了解了添加新cookie的知识，但是在读取或获取cookie时出现了一个奇怪的问题。

好，这是我正在编写的购买代码：

// Cookies
const cookiesFn = () => {
    $(".bg-dark-change").on('click', function () {
        let bodyBlack = document.body.style.backgroundColor = "#000";
        docCookies.setItem('BackgroundColor', bodyBlack, Infinity)
    })

}; cookiesFn();

docCookies.getItem('BackgroundColor');
// Cookies End

您可以在上面看到，这是我正在尝试实现的代码。

哦，是的，这是框架的链接：GithubOn Mozilla's Website

Answer 1

Cookie只是将数据存储在浏览器中的一种愚蠢的方式，以后可以读取。除此以外，他们实际上不做任何事情。尚不清楚您是否真正查看过cookie是否存在，但是如果您对cookie的读取与您发布的代码完全相同，则还不够。您实际上必须在读取cookie后对cookie进行执行某些操作。例如，如果存在cookie，此代码将设置背景颜色：

const backgroundColorCookie = docCookies.getItem('BackgroundColor');
if (backgroundColorCookie) {
  document.body.style.backgroundColor = backgroundColorCookie;
}

$(".bg-dark-change").on('click', function () {
  let bodyBlack = document.body.style.backgroundColor = "#000";
  docCookies.setItem('BackgroundColor', bodyBlack, Infinity)
});