Что такое postMessage?

Question

Accepted Answer

## Как это устроено
**`postMessage`** — безопасный способ передать данные между разными контекстами исполнения: окна/`iframe`, Web Workers, Service Workers.

```js
// родитель → iframe
iframe.contentWindow.postMessage({ type: "PING" }, "https://trusted.example");

// в iframe
window.addEventListener("message", (event) => {
  if (event.origin !== "https://parent.example") return; // обязательно!
  console.log(event.data);
});
```

---

## Зачем нужен `targetOrigin`

Второй аргумент (`targetOrigin`) ограничивает получателя. `*` удобен в демо и опасен в проде: сообщение может уйти не тому окну.

Всегда проверяйте `event.origin` на приёме.

---

## Где ещё

```js
worker.postMessage(payload);
navigator.serviceWorker.controller?.postMessage(payload);
```

Данные клонируются (structured clone); для transferable — можно передать ownership (например, `ArrayBuffer`).

На собеседовании: кросс-окно/worker коммуникация + проверка origin.