HTML5中用Worker做文本情感分析的关键是避免阻塞主线程，所有计算交由Worker处理，通过postMessage通信并用Promise封装；需支持关键词加权、否定词和程度副词处理，统一返回格式，并实现防抖、取消、超时及错误处理机制。

在HTML5中用Worker做文本情感分析，关键不是“多准”，而是“不卡页面”。主线程只管输入和展示，所有分词、权重计算、极性打分都交给Worker跑，通信靠postMessage，结果用Promise封装更干净。

准备一个纯计算型Worker脚本

新建sentiment-worker.js，它不能访问DOM，只接收文本、返回分数和标签：

• 用简单规则模拟初级分析：统计“开心”“失望”“愤怒”等关键词出现次数，加权求和
• 支持基础否定词处理（如“不开心”→反转情绪值）和程度副词（如“非常开心”→×1.5）
• 统一响应格式：{ id, score: -5~+5, label: '正面/中性/负面', keywords: [...] }
• 用self.onmessage监听，收到消息立即计算，完事就self.postMessage()

主线程封装成可复用的Promise调用

避免每次new Worker，提前建好并复用；每个请求带唯一ID，防止响应错乱：

HTML Text Extract

从HTML页面（URL、文件或标准输入）中提取主体内容文本，去除导航、页脚、广告和模板文本。可直接传递给readability_check或其他文本工具。

下载

• 创建Worker实例时检查typeof Worker !== 'undefined'
• 调用时生成Symbol()作为request ID，存入Map等待回调
• 监听worker.onmessage，只处理匹配ID的结果，其他忽略
• 超时设为3秒，超时后reject('分析超时')，不等Worker自己结束

集成到编辑器或表单中要防抖+取消

用户边打字边分析容易积压任务，必须控制节奏：

• 输入框用setTimeout延迟300ms再触发分析，中间新输入就清掉上一个定时器
• 发新请求前，先worker.postMessage({ type: 'cancel', id: prevId })，Worker内用标志位中断循环
• 结果返回后，只更新当前最新ID对应的UI区域，旧结果直接丢弃
• 若需更高阶分析（如基于词典匹配+简单ML模型），把模型数据用importScripts('dict.js')预加载进Worker

安全与调试建议

初级情感分析虽不涉及外部API，但结构要为后续扩展留余地：

• Worker内所有异常用try/catch捕获，返回{ error: 'xxx' }而非抛出，避免静默失败
• 主线程打印event.data时检查是否有error字段，有则提示用户“分析失败，请重试”
• 开发阶段可在Worker里console.log中间过程（Chrome DevTools → “Workers”标签页可见）
• 上线前删掉调试日志，Worker体积尽量小，避免影响首次加载

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