bounded-broadcast-definition 是一个调用浏览器原生 BroadcastChannel API 实现的一个有界广播通信包。通过该包，可以方便地在不同浏览器窗口间进行有界的数据通信，广泛应用于前端类应用程序中。
安装
使用 npm 命令进行安装：
npm install bounded-broadcast-definition --save
使用
初始化
在需要使用该包的地方，先进行 import 引入：
import boundedBroadcast from 'bounded-broadcast-definition'
然后，通过调用 boundedBroadcast 的 init 方法初始化：
boundedBroadcast.init({
channel: 'my-channel',
capacity: 10,
errorHandler: (err) => {
console.error(err)
}
})其中，init 方法接收一个配置对象，具体配置项如下：
channel: 指定广播通道名称；capacity: 指定广播窗口数量上限；errorHandler: 指定广播错误处理函数。
监听
在初始化之后，可以通过调用 boundedBroadcast 的 subscribe 方法监听广播中的消息：
boundedBroadcast.subscribe((message) => {
console.log(`Received message: ${message}`)
})需要注意的是，如果当前窗口已经达到了广播窗口上限，则会阻止后续的 subscribe 方法调用。
发送
可以通过调用 boundedBroadcast 的 publish 方法向广播通道发送消息：
boundedBroadcast.publish('Hello World!')结束
在不需要使用该广播包时，可以通过调用 boundedBroadcast 的 destroy 方法结束广播：
boundedBroadcast.destroy()
示例代码
-- -------------------- ---- -------
------ ---------------- ---- ------------------------------
-----------------------
-------- -------------
--------- ---
------------- ----- -- -
------------------
-
--
------------------------------------ -- -
--------------------- -------- ------------
--
------------------------------- --------
--------------------------总结
通过使用 bounded-broadcast-definition，可以方便地实现有界广播通信，适用于前端类应用程序中的不同窗口间数据通信，具有较高的指导意义和学习参考价值。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c84ccdc64669dde4e4f