Worker: событие сообщения

Событие message срабатывает в объекте Worker, когда родительский элемент получает сообщение от своего воркера (т.е. когда воркер отправляет сообщение с помощью DedicatedWorkerGlobalScope.postMessage()).

Это событие не может быть отменено и не распространяется.

Используйте имя события в методах, таких как addEventListener(), или установите свойство обработчика событий.

addEventListener("message", (event) => {});

onmessage = (event) => {};

Объект MessageEvent. Наследует от Event.

Этот интерфейс также наследует свойства от своего родителя, Event.

MessageEvent.data Только для чтения

Данные, отправленные отправителем сообщения.

MessageEvent.origin Только для чтения

Строка, представляющая происхождение отправителя сообщения.

MessageEvent.lastEventId Только для чтения

Строка, представляющая уникальный идентификатор события.

MessageEvent.source Только для чтения

Объект MessageEventSource (который может быть WindowProxy, MessagePort или ServiceWorker), представляющий отправителя сообщения.

MessageEvent.ports Только для чтения

Массив объектов MessagePort, представляющих порты, связанные с каналом, через который отправляется сообщение (если это уместно, например, при обмене сообщениями через канал или при отправке сообщения в общий воркер).

Этот код создаёт новый воркер и прослушивает сообщения от него с помощью addEventListener():

const worker = new Worker("static/scripts/worker.js");

worker.addEventListener("message", (event) => {
  console.log(`Received message from worker: ${event.data}`);
});

В качестве альтернативы, можно прослушивать с помощью свойства обработчика события onmessage:

const worker = new Worker("static/scripts/worker.js");

worker.onmessage = (event) => {
  console.log(`Received message from worker: ${event.data}`);
};

Воркер отправляет сообщения с помощью self.postMessage():

// static/scripts/worker.js

self.postMessage("I'm alive!");

• Связанные события: messageerror.
• DedicatedWorkerGlobalScope.postMessage().