如何修复 JavaScript Date.now Cookie 函数中未定义的问题

修复 Cookie 创建中未定义的 JavaScript Date.now

JavaScript (Vanilla JS) - 前端脚本

// Frontend solution using JavaScript and Date.now to create cookies correctly
// Problem: timestamp.now is undefined because Date() doesn’t have a 'now' property
// Solution: Use Date.now() for correct timestamp and dynamic cookie creation

// Function to save the data in a cookie with a timestamp
function save(saveData) {
    // Get the current timestamp in milliseconds
    let timestamp = Date.now();
    // Construct the cookie name dynamically
    let cookieName = "test" + timestamp;
    // Set the cookie (you can use your own cookie library or direct JavaScript)
    document.cookie = cookieName + "=" + saveData + "; max-age=360; path=/";
}

// Example usage: save("session data") will create a cookie like 'test123456789=session data'
save("session data");

// Note: Ensure the max-age and path match your needs. 'max-age=360' sets the cookie to last 360 seconds.

后端解决方案：使用Node.js动态设置Cookie

Node.js - 使用 Express.js 的后端脚本

// Backend solution for dynamic cookie creation using Node.js and Express.js
// Requires Node.js and the Express framework to handle HTTP requests and responses

// Import necessary modules
const express = require('express');
const app = express();
const port = 3000;

// Middleware to parse JSON and URL-encoded data
app.use(express.json());
app.use(express.urlencoded({ extended: true }));

// Route to create a dynamic cookie with a timestamp
app.post('/set-cookie', (req, res) => {
    const saveData = req.body.saveData || "defaultData";
    const timestamp = Date.now();
    const cookieName = "test" + timestamp;
    // Set the cookie with HTTP response
    res.cookie(cookieName, saveData, { maxAge: 360000, httpOnly: true });
    res.send(`Cookie ${cookieName} set successfully`);
});

// Start the server
app.listen(port, () => {
    console.log(`Server running at http://localhost:${port}`);
});

// You can test this by sending a POST request to '/set-cookie' with 'saveData' in the body

验证 Cookie 创建的单元测试（前端）

JavaScript - 使用 Mocha 和 Chai 进行单元测试

// Unit test to validate the functionality of save() using Mocha and Chai
const assert = require('chai').assert;

describe('save function', () => {
    it('should create a cookie with a valid timestamp', () => {
        // Mock document.cookie
        global.document = { cookie: '' };
        save('testData');
        assert.match(document.cookie, /test\d+=testData/);
    });
});

验证 Cookie 创建的单元测试（后端）

Node.js - 使用 Supertest 和 Mocha 进行单元测试

// Unit test to validate dynamic cookie creation in Express.js
const request = require('supertest');
const express = require('express');
const app = require('./app'); // Assuming the above app is saved in app.js

describe('POST /set-cookie', () => {
    it('should set a cookie with a timestamp', (done) => {
        request(app)
            .post('/set-cookie')
            .send({ saveData: 'testData' })
            .expect('set-cookie', /test\d+=testData/)
            .expect(200, done);
    });
});

关于 JavaScript Cookie 的常见问题

1. 什么是 Date.now() 返回？
2. Date.now() 返回当前时间戳（以毫秒为单位），这对于创建唯一的 cookie 名称很有用。
3. 如何在 JavaScript 中保护 cookie 的安全？
4. 您可以通过添加以下内容来保护 cookie HttpOnly 和 Secure 属性，防止 JavaScript 访问并确保通过 HTTPS 传输。
5. 有什么区别 max-age 和 expires？
6. max-age 设置 cookie 的生命周期（以秒为单位），而 expires 允许您指定确切的到期日期和时间。
7. 如何 SameSite 属性工作？
8. 这 SameSite 属性限制cookie是否与跨站请求一起发送，防止CSRF攻击。
9. 我可以使用 Node.js 在服务器端设置 cookie 吗？
10. 是的，您可以使用 res.cookie() Node.js 中的函数在服务器端设置 cookie。

关于 JavaScript Cookie 创建的最终想法

使用 JavaScript 生成动态 cookie 需要正确使用 日期.now() 函数以避免未定义的结果。通过正确利用时间戳，您可以确保每个 cookie 名称都是唯一的，这对于有效的会话管理非常重要。

此外，使用 HttpOnly、Secure 和 SameSite 等属性来保护 cookie 也很重要。这些做法增强了 cookie 的隐私性和安全性，尤其是在现代 Web 应用程序中处理敏感用户数据时。