此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
MessagePort
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年9月.
备注： 此特性在Web Worker 中可用。
Channel Messaging API 的MessagePort 接口代表MessageChannel 的两个端口之一，它可以让你从一个端口发送消息，并在消息到达的另一个端口监听它们。
MessagePort 是一个可转移对象。
实例方法
继承父类EventTarget 的方法。
postMessage()从端口发送一条消息，并且可选是否将对象的所有权交给其他浏览器上下文。
start()开始发送该端口中的消息队列（仅在使用
EventTarget.addEventListener时需要；使用onmessage已隐含调用该方法）。close()断开端口连接，它将不再是激活状态。
事件
继承父类EventTarget 的事件。
message当
MessagePort对象收到消息时触发。messageerror当
MessagePort对象收到无法被反序列化的消息时触发。
示例
在下面的示例中，你可以看到一个使用MessageChannel() 构造函数创建出的新通道。
当 IFrame 加载完成后，我们给MessageChannel.port1 注册了一个onmessage 回调，并且使用window.postMessage 方法把MessageChannel.port2 和一条消息一起传给 IFrame。
当从 IFrame 收到消息时，onMessage 函数会把消息输出到一个段落里。
const channel = new MessageChannel();const output = document.querySelector(".output");const iframe = document.querySelector("iframe");// 等待 iframe 加载iframe.addEventListener("load", onLoad);function onLoad() { // 监听 port1 的消息 channel.port1.onmessage = onMessage; // 把 port2 传给 iframe iframe.contentWindow.postMessage("Hello from the main page!", "*", [ channel.port2, ]);}// 处理 port1 收到的消息function onMessage(e) { output.innerHTML = e.data;}要查看可运行的完整示例，参考我们在 Github 上的channel messaging 基础演示（也可以在线运行）。
规范
| Specification |
|---|
| HTML # message-ports |