ExtendableMessageEvent.source

The source read-only property of the ExtendableMessageEvent interface returns a reference to the Client object from which the message was sent.

Value

Examples

When the following code is used inside a service worker to respond to a push messages by sending the data received via PushMessageData to the main context via a channel message, the event object of onmessage will be a ExtendableMessageEvent.

let port;

self.addEventListener('push', (e) => {
  const obj = e.data.json();

  if (obj.action === 'subscribe' || obj.action === 'unsubscribe') {
    port.postMessage(obj);
  } else if (obj.action === 'init' || obj.action === 'chatMsg') {
    port.postMessage(obj);
  }
});

self.onmessage = (e) => {
  console.log(e.source);
  port = e.ports[0];
}

Specifications

Specification
Service Workers
# extendablemessage-event-source

Browser compatibility

BCD tables only load in the browser

See also