MessageChannel: свойство port2

Только для чтения свойство port2 интерфейса MessageChannel возвращает второй порт канала сообщений — порт, подключенный к контексту на другом конце канала, которому сообщение отправляется в первую очередь.

Объект MessagePort, представляющий второй порт канала, порт, подключенный к контексту на другом конце канала.

В следующем блоке кода вы можете увидеть, как создается новый канал с использованием конструктора MessageChannel(). После загрузки IFrame мы передаем port2 в IFrame с помощью Window.postMessage() вместе с сообщением. Обработчик handleMessage затем реагирует на отправленное обратно сообщение из IFrame (с использованием onmessage), помещая его в абзац. За port1 прослушивается, чтобы проверить, когда пришло сообщение.

const channel = new MessageChannel();
const para = document.querySelector("p");

const ifr = document.querySelector("iframe");
const otherWindow = ifr.contentWindow;

ifr.addEventListener("load", iframeLoaded, false);

function iframeLoaded() {
  otherWindow.postMessage("Hello from the main page!", "*", [channel.port2]);
}

channel.port1.onmessage = handleMessage;
function handleMessage(e) {
  para.innerHTML = e.data;
}

Полный рабочий пример см. в нашем демо базовых сообщений по каналам на GitHub (запустить его онлайн).

• Использование канального обмена сообщениями