--- title: ExtendableMessageEvent.source slug: Web/API/ExtendableMessageEvent/source tags: - API - ExtendableMessageEvent - Property - Reference - Service Workers - source translation_of: Web/API/ExtendableMessageEvent/source ---

{{APIRef("Service Workers API")}}

{{domxref("ExtendableMessageEvent")}} インターフェイスの source 読み取り専用プロパティは、メッセージの送信元の {{domxref("Client")}} オブジェクトへの参照を返します。

構文

var mySource = extendableMessageEvent.source;

値

{{domxref("Client")}}、{{domxref("ServiceWorker")}}、または {{domxref("MessagePort")}} オブジェクト。

例

次のコードをサービスワーカー内で使用して、{{domxref("PushMessageData")}} を介して受信したデータをチャンネルメッセージを介してメインコンテキストに送信することにより、プッシュメッセージに応答する場合、onmessage のイベントオブジェクトは ExtendableMessageEvent になります。

var port;

self.addEventListener('push', function(e) {
  var 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 = function(e) {
  console.log(e.source);
  port = e.ports[0];
}

仕様

仕様 状態 コメント
{{SpecName('Service Workers', '#dom-extendablemessageevent-source', 'ExtendableMessageEvent.source')}} {{Spec2('Service Workers')}} 初期定義

ブラウザーの互換性

{{Compat("api.ExtendableMessageEvent.source")}}

関連情報