Что такое postMessage

Ответ для собеседования

Сообщение postMessage в JavaScript используется для безопасного обмена данными между различными окнами, вкладками или iframe в веб-страницах, которые могут принадлежать к разным источникам (разные домены).

Подробный ответ

Метод postMessage позволяет веб-страницам безопасно взаимодействовать друг с другом, даже если они принадлежат разным доменам. Это важная функция для обеспечения безопасности и позволяет отправлять данные между окнами или iframe без риска вмешательства со стороны злоумышленников. Метод используется в контексте окна, отправляющего сообщение, и передает данные в целевое окно.

Сообщения, отправленные с помощью postMessage, могут быть перехвачены и обработаны с помощью события message, которое срабатывает в целевом окне или iframe. Это позволяет реализовать сложные взаимодействия между различными частями веб-приложения, поддерживая при этом строгие меры безопасности.

В этом примере, при вызове функции sendMessage на странице parent.html, сообщение "Привет, дочка!" будет отправлено во фрейм child.html. Фрейм прослушивает событие message и выводит полученное сообщение в консоль.

Важно обратить внимание, что postMessage безопасен, только если явно проверить источник (поле event.origin) при обработке сообщений, чтобы избежать возможных атак через сообщения.