MessageChannel: свойство port1

Свойство port1 только для чтения интерфейса MessageChannel возвращает первый порт канала сообщений — порт, присоединённый к контексту, который инициировал канал.

Объект MessagePort, первый порт канала, который присоединён к контексту, создавшему канал.

В следующем фрагменте кода показано создание нового канала с помощью конструктора MessageChannel(). Когда <iframe> загрузится, мы передаём port2 в <iframe> с помощью MessagePort.postMessage вместе с сообщением. Обработчик handleMessage затем отвечает на отправленное обратно сообщение от <iframe> (с помощью onmessage), отображая его в абзаце. Метод handleMessage привязан к 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;
}

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