廣播頻道 API

學習使用廣播頻道 API 進行一對多通訊的基礎知識 通道訊息 API 是一個很好的方式,可以從視窗發送訊息到 iframe,從視窗發送訊息到 Web Worker 等等。 廣播頻道 API 可以用於發送一對多訊息,同時與多個實體進行通訊。 你可以通過初始化一個 BroadcastChannel 物件來開始: const channel = new BroadcastChannel('thechannel'); 要在頻道上發送訊息,可以使用 postMessage() 方法: channel.postMessage('嘿!'); 訊息可以是以下任何支援的值: 所有的基元類型,除了符號類型 數組 物件字面量 字串、日期、正則表達式 物件 Blob、File、FileList 物件 ArrayBuffer、ArrayBufferView 物件 FormData 物件 ImageData 物件 Map 和 Set 物件 要從頻道接收訊息,可以監聽 message 事件: channel.onmessage = (event) => { console.log('接收到的訊息:', event.data); }; 除了發送訊息的來源外,此事件將針對所有聽眾觸發。 你可以使用以下方法關閉頻道: channel.close();