Web Worker 无法访问 document.cookie，因其运行在无 DOM 的沙箱环境，缺少 document、window 等对象；Cookie 读写必须由主线程完成，Worker 仅能通过 postMessage 协同或使用 fetch(credentials: 'include') 发起带 Cookie 请求。
JavaScript 中 Cookie 无法直接在 Web Worker 里读写，因为 document.cookie 依赖 Document 对象，而 Worker 运行在独立线程、没有 DOM 环境，也无 document、window 或 localStorage 等浏览器 API。
为什么 Web Worker 不能访问 document.cookie
Worker 是沙箱化的执行环境：
• 不具备全局 document 对象，document.cookie 会报 ReferenceError
• 无法发起带 Cookie 的请求（除非显式配置 credentials: 'include'）
• 所有涉及 Cookie 的操作（读、写、删）都必须由主线程完成
主线程与 Worker 协同操作 Cookie 的推荐方式
核心思路：Worker 负责计算或数据预处理，主线程负责 Cookie 读写，并通过 postMessage 通信：
-
读取 Cookie：主线程调用
getCookie('token')解析后，把值发给 Worker -
写入 Cookie：Worker 处理完逻辑（如生成新偏好设置），发送结构化数据给主线程；主线程再调用
setCookie('theme', value, { path: '/', secure: true }) -
删除 Cookie：Worker 触发删除指令（如
{ action: 'delete', name: 'session_id' }），主线程执行对应清除逻辑，确保path和domain与原设置一致
实际协作示例（主线程 + Worker）
主线程中：
const worker = new Worker('./cookie-handler.js');
// 收到 Worker 请求后读取并转发
worker.onmessage = ({ data }) => {
if (data.type === 'read-cookie') {
const value = getCookie(data.name);
worker.postMessage({ type: 'cookie-value', name: data.name, value });
}
if (data.type === 'set-cookie') {
setCookie(data.name, data.value, data.options || {});
}
};
// 启动时主动同步必要 Cookie
worker.postMessage({ type: 'init', cookie: getCookie('user_prefs') });
Worker 文件（cookie-handler.js）中：
立即学习“Java免费学习笔记（深入）”；
self.onmessage = ({ data }) => {
if (data.type === 'init') {
// 仅使用传入的值，不尝试访问 document.cookie
const prefs = data.cookie ? JSON.parse(data.cookie) : {};
// 后续逻辑基于 prefs 运算
}
};
替代方案：用 fetch 配合 credentials 操作服务端 Cookie
如果目标是“后台维持登录态”，Worker 可安全发起带凭证的请求：
- Worker 中调用
fetch('/api/status', { credentials: 'include' })，浏览器自动携带同域 Cookie - 服务端响应可含
Set-Cookie（需配合SameSite和Secure设置） - 注意：Worker 无法读取响应头中的
Set-Cookie，但浏览器会自动更新 Cookie 存储
