SharedWorkerGlobalScope: событие connect

Событие connect срабатывает в общих рабочих потоках (SharedWorkerGlobalScope) при подключении нового клиента.

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

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

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

onconnect = (event) => {};

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

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

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

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

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

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

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

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

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

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

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

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

В этом примере показан файл общего рабочего потока — когда соединение с рабочим потоком происходит из потока основного потока через MessagePort, срабатывает обработчик события onconnect. Объект события является MessageEvent.

Подключающийся порт можно получить через параметр ports объекта события; к этой ссылке можно прикрепить обработчик onmessage для обработки поступающих сообщений через порт, а метод postMessage() можно использовать для отправки сообщений обратно в основной поток с помощью рабочего потока.

self.onconnect = (e) => {
  const port = e.ports[0];

  port.onmessage = (e) => {
    const workerResult = `Result: ${e.data[0] * e.data[1]}`;
    port.postMessage(workerResult);
  };

  port.start();
};

Для полного примера обратитесь к нашему примеру базового общего рабочего потока (запустить общий рабочий поток.)

Вы также можете настроить обработчик событий, используя метод addEventListener():

self.addEventListener("connect", (e) => {
  const port = e.ports[0];

  port.onmessage = (e) => {
    const workerResult = `Result: ${e.data[0] * e.data[1]}`;
    port.postMessage(workerResult);
  };
});

• Использование веб-рабочих потоков
• SharedWorkerGlobalScope