JavaScript API MessageChannel 多线程异步通信

MessageChannel 是一种用于在不同线程之间进行通信的 JavaScript API。它允许创建一个双向的通信通道，用于发送和接收消息。MessageChannel 可以在主线程和 Web Worker 之间建立通信，也可以在主线程和 Service Worker 之间建立通信。

使用 MessageChannel，开发者可以创建一个通信端口，通过端口发送消息，并监听来自另一个端口的消息。

• 对于主线程和 Web Worker 之间的通信，可以使用 postMessage() 方法发送消息，使用 onmessage 事件监听接收到的消息。
• 对于主线程和 Service Worker 之间的通信，可以使用 Service Worker 的 postMessage() 方法发送消息，使用 Navigator 对象的 onmessage 事件监听接收到的消息。

代码示例

在下面的代码块中，你会看到一个由 MessageChannel 构造函数创建的新 Channel. 当 IFrame 被加载后，我们使用 MessagePort.postMessage 把 port2 和一条消息一起发送给 IFrame. 然后 handleMessage 回调响应 IFrame 发回的消息（使用 MessagePort.onmessage），并把它渲染到页面段落中。MessageChannel.port1 用来监听，当消息到达时，会进行处理。

<h1>Channel messaging demo</h1>
<p class="output">A message from the iframe in page2.html