MessageChannel 是 ES6+ 引入的一个浏览器提供的原生 API，用于在两个独立的 JavaScript 执行环境之间建立专属的双向通信通道。
- 双向通信：两端均可发送和接收消息。
- 独立隔离：每个通道独立，避免不同通信间的干扰。
- 跨环境支持：可在主线程、Web Worker、iframe、SharedWorker 等之间使用。
- 通信异步无阻塞：基于事件机制，不阻塞主线程。
- 支持对象转移：可高效传输
ArrayBuffer、ImageBitmap等可转移对象（transferable objects），避免序列化开销。
MessageChannel 的核心使用场景：
- 主线程与 Web Worker 高效通信
替代传统的 worker.postMessage()，减少结构化克隆开销，适合高频或大数据量传输。
- 父页面与 iframe 安全通信
相比 window.postMessage()，MessageChannel 提供一对一专属通道，无需校验 origin，更安全且防劫持。
- 多个 Web Worker 间直接通信
Worker 可通过共享 MessageChannel 端口直接交互，无需经由主线程中转，提升性能。
- 微前端或插件化架构解耦
将独立模块封装在隔离环境中（如 Worker），通过 MessageChannel 通信，实现模块间低耦合。
- 跨标签页通信优化
结合 BroadcastChannel 广播请求，用 MessageChannel 建立专属数据通道处理高频传输。
- 实现深拷贝（特殊用途）
利用 MessageChannel 在端口间传递对象，可绕过 JSON.parse(JSON.stringify()) 的限制，支持函数、循环引用等（需配合序列化逻辑）