不能。web worker 完全隔离主线程 dom，document、dataset 等在 worker 中不存在，调用会报 referenceerror；data-* 属性需由主线程读取后通过 postmessage 传入，无法绕过通信直接访问。

data-* 能不能绕过 Worker 通信直接传数据？

不能。Web Worker 完全隔离主线程 DOM，document、dataset、getAttribute() 在 Worker 内部根本不存在——调用就报 ReferenceError: document is not defined。想靠 data-* 属性“让 Worker 自己去读”，是方向性错误。

为什么有人误以为 data-* 可以“直通” Worker？

常见误解来自两个混淆点：

使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件

如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更

下载

• 把“HTML 源码里写了 data-config”当成“Worker 能看到它”——其实 Worker 加载的是 JS 文件，不解析 HTML 文档树
• 以为 dataset 是某种全局缓存——它只是 DOM 节点上的代理对象，依赖 document 实例，Worker 没有这个实例

真正能减 Worker 通信开销的 data-* 用法

data-* 不用于 Worker 读取，而是用于「提前把轻量初始化参数塞进 DOM，避免 postMessage 传重复配置」：

• 在 上声明全局配置，Worker 初始化时由主线程读取后通过 postMessage 一次性传入，而不是每个请求都带一遍
• 避免在 Worker 中反复 fetch 后再解析 HTML 提取 data-*——这种操作本就不该在 Worker 做；正确路径是主线程提取好，再用 Transferable 把结构化数据（如 ArrayBuffer）移交
• 如果 Worker 需要响应不同区域的节点行为（比如处理可视区卡片），主线程可先用 querySelectorAll('[data-id]') 批量收集 ID 列表，再用 postMessage(ids, []) 传过去——比传整个 DOM 节点或 JSON 字符串省得多

容易被忽略的关键边界

哪怕你把 data-* 放在 上，Worker 也永远读不到它。唯一可行的“直通车”是：主线程作为中转站，用最简方式（字符串、数字、Transferable）把 data-* 解析后的结果送进去。别试图让 Worker 绕开通信模型——这不是优化，是踩规范红线。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！