网站首页 » 迁移 » JavaScript API - Broadcast Channel API

JavaScript API - Broadcast Channel API

September 5, 2024 迁移

什么是 Broadcast Channel API?
Broadcast Channel API 是一个浏览器 Web API,它允许我们创建一个能够将数据广播给多个文档或浏览器窗口的通道。通过该通道实现不同浏览器窗口之间的数据共享。我们可以向该频道发送消息,其他窗口则可以监听该频道以接收消息。

如何使用 Broadcast Channel API?
基础使用方法
使用 Broadcast Channel API 的基本方法非常简单。我们只需要创建一个 BroadcastChannel 实例,并使用 postMessage() 方法向该频道发送消息。以下是一个简单的例子:

// 创建一个名为 "my_channel" 的广播频道
const myChannel = new BroadcastChannel("my_channel");

// 向该频道发送消息
myChannel.postMessage("Hello world!");

然后在其他窗口中监听该频道,以接收来自该频道的消息。以下是一个简单的例子:

// 监听名为 "my_channel" 的广播频道
const myChannel = new BroadcastChannel("my_channel");

// 监听该频道并处理消息
myChannel.onmessage = function (event) {
  console.log(event.data);
};

BroadcastChannel 实例还提供了一些其他的方法和事件,例如 close() 方法和 close 事件。详细介绍可以在 MDN Web Docs 上查看完整文档。