BroadcastChannel API

BroadcastChannelAPIを使用した1対多のコミュニケーションの基本を学ぶ

ザ・チャネルメッセージングAPIウィンドウからiframeへ、ウィンドウからWebワーカーへなど、1対1のメッセージを送信するための優れた方法です。

BroadcastChannel APIを使用して、1対多のメッセージを送信し、同時に複数のエンティティと通信できます。


あなたは初期化することから始めますBroadcastChannelオブジェクト:

const channel = new BroadcastChannel('thechannel')

チャネルでメッセージを送信するには、postMessage()方法:

channel.postMessage('Hey!')

メッセージには、サポートされている値のいずれかを指定できます。

チャネルからメッセージを受信するには、messageイベント:

channel.onmessage = (event) => {
  console.log('Received', event.data)
}

このイベントは、メッセージを送信しているリスナーを除くすべてのリスナーに対して発生します。

次を使用してチャネルを閉じることができます。

channel.close()

私の無料ダウンロードJavaScriptビギナーズハンドブック


その他のブラウザチュートリアル: