Web Worker 中 this 指向 self 且 self === this 恒成立；onmessage 必须绑定到 self 或 this，不可直接赋值；处理函数需显式绑定 this 或用箭头函数；数据须通过 postMessage 传递，不可依赖主线程上下文。
在 Web Worker 内部使用 onmessage 时，this 的指向和主线程不同——它不指向 window 或 globalThis，而是指向 self（即 Worker 全局对象本身），且 self === this 在 Worker 脚本中恒成立。
Worker 中的 this 就是 self
Worker 线程没有 window，它的全局作用域是 self。当你在 worker.js 里写：
-
self.onmessage = function(e) { ... }—— 明确绑定到self -
this.onmessage = function(e) { ... }—— 完全等价，因为this === self -
onmessage = function(e) { ... }—— ❌ 错误！这不是全局变量，会报 ReferenceError
避免在 onmessage 回调里意外丢失 this
如果你把消息处理逻辑抽成独立方法，并用 this 访问 Worker 内部状态，要注意函数调用方式：
- 直接调用
handler(e)：此时this是undefined（严格模式）或self（非严格），但不可靠 - 用
handler.call(self, e)或handler.bind(self)可显式绑定 - 更推荐用箭头函数封装，或把 handler 定义为
self.handler = function(e) { ... }后再调用self.handler(e)
常见误区：别在 Worker 里依赖外部 this
Worker 脚本是独立执行环境，无法访问主线程的 this、闭包或 DOM。例如：
- ❌ 不要试图在 worker.js 中写
console.log(this.someData)并指望它是主线程传来的对象——数据必须通过postMessage显式传递 - ✅ 正确做法：所有上下文数据都从
e.data解构获取，或在 Worker 初始化时用self.xxx = value存储静态配置 - ⚠️ 注意：结构化克隆会丢掉函数、this 绑定、原型链等，所以不能传带
this的对象实例
主线程监听时的 this 问题也需留意
虽然主线程的 worker.onmessage 是绑定在 Worker 实例上，但回调函数内部的 this 默认是 undefined（严格模式）：
-
worker.onmessage = function(e) { console.log(this); }→ 输出undefined - 若需访问外部作用域的
this，可用箭头函数：worker.onmessage = (e) => { console.log(this); } - 或提前绑定：
worker.onmessage = handler.bind(customThis)
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
