Web Worker 是解析大体积 JSON 的唯一可靠解法：它在独立线程执行 JSON.parse()，并通过结构化克隆安全传回纯数据对象，避免 UI 阻塞与不可克隆类型报错。
直接在主线程解析大体积 JSON 字符串（比如几十 MB）极易阻塞 UI、触发浏览器“页面无响应”警告。Web Worker 是唯一可靠解法：它在独立线程运行，解析过程完全不干扰渲染与交互。关键不在“解析”，而在“安全传递结果”——JSON.parse() 后的数据必须通过 结构化克隆算法 传回主线程，而非简单序列化再反序列化。
Worker 内解析并主动克隆，而非依赖 postMessage 自动克隆
很多人误以为 postMessage 会自动深克隆复杂对象。实际上，它只对可克隆类型（Array、Object、Date、RegExp、Blob、File、ImageData 等）执行结构化克隆；若解析后对象含函数、undefined、Symbol、循环引用或不可克隆的内置对象（如 Promise），会直接报错或静默丢弃字段。
- Worker 中应使用
JSON.parse()解析字符串，得到纯数据对象（确保原始 JSON 不含非法值） - 避免在解析后手动添加不可克隆属性（如
obj.__meta = () => {}） - 若需传输前校验，可用
structuredClone(obj)（现代浏览器支持）提前测试是否可克隆
主线程创建 Worker 并监听解析完成消息
主线程负责加载 JSON 字符串（如通过 fetch）、创建 Worker、发送数据，并接收处理结果。注意：不能把整个大字符串直接传给 Worker 构造函数，而要通过 postMessage 传递。
Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转
下载
实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。
- 用
new Worker('parser-worker.js')实例化，确保 worker 脚本路径正确且同源 - fetch 获取 JSON 后，调用
worker.postMessage({ data: jsonString })发送 - 监听
worker.onmessage，检查event.data.status === 'success'和event.data.payload - 错误处理必须覆盖：
worker.onerror捕获脚本语法错误，onmessage中检查event.data.error
Worker 脚本中专注解析与容错
worker 脚本应极简：只做解析、基础验证、返回结果。不操作 DOM，不访问 window 或 document。
立即学习“前端免费学习笔记（深入）”；
- 监听
self.onmessage，从event.data.data取得 JSON 字符串 - 用
try/catch包裹JSON.parse()，捕获 SyntaxError - 解析成功后，立即
self.postMessage({ status: 'success', payload: result })—— 此时 payload 会被自动结构化克隆传回 - 若失败，
self.postMessage({ status: 'error', message: err.message })
内存与性能优化要点
大 JSON 解析本身消耗内存，Worker 虽不阻塞 UI，但不当使用仍会导致内存泄漏或 OOM。
- 主线程 fetch 时用
response.text()而非response.json()，避免主线程提前解析 - Worker 解析完立即返回结果，不要缓存 largeObj 在 worker 全局作用域
- 主线程收到结果后，及时
worker.terminate()释放线程资源（尤其单次任务场景） - 若需多次解析，可复用 Worker，但每次
postMessage前确保上一次已处理完毕
