网站开发布局,淄博网站建设选哪家,济宁网架公司,wordpress用户管理插件/**** 同源下的全局事件总线#xff0c;支持跨标签页通信* 第一步#xff1a;注册事件* 第二步#xff1a;广播事件* 第三步#xff1a;处理事件*/// source#xff1a;消息发起源href#xff0c;将在跨标签页通信时传入
interface callback {(data: any, source: any): …/**** 同源下的全局事件总线支持跨标签页通信* 第一步注册事件* 第二步广播事件* 第三步处理事件*/// source消息发起源href将在跨标签页通信时传入
interface callback {(data: any, source: any): void
}
type eventName string;class EventBus {protected eventMap: any new Map();protected channel: any new BroadcastChannel(__event-bus);protected register(eventName: eventName, callback: callback) {if (!this.eventMap.has(eventName)) {this.eventMap.set(eventName, [])}this.eventMap.get(eventName).push(callback)}protected tryRunCallback(eventName: eventName, data: any, source?: string) {if (!this.eventMap.has(eventName)) return;this.eventMap.get(eventName).forEach((callback: callback) {callback(data, source)});}// 广播事件emit(eventName: eventName, data?: any) {this.tryRunCallback(eventName, data);// 跨标签页 发送消息this.channel.postMessage({ eventName, data, source: location.href })}// 订阅事件on(eventName: eventName, callback: callback) {this.register(eventName, callback);// 跨标签页 接收订阅消息this.channel.onmessage (event: { data: any }) {const data event.data;this.tryRunCallback(data.eventName, data.data, data.source)}}// 移除某个订阅事件off(eventName: eventName, callback: callback) {if (!this.eventMap.has(eventName)) return;const callbacks this.eventMap.get(eventName)this.eventMap.set(eventName, callbacks.filter((cb: callback) cb ! callback))}// 清除某个事件的所有订阅clear(eventName: eventName) {this.eventMap.delete(eventName)}// 清除所有订阅事件clearAll() {this.eventMap new Map()}
}export default new EventBus()
如何使用
import Event from EventBusEvent.on(事件名, () { //....
})Event.emit(事件名, { ...数据 })
文章转载自： http://www.morning.xhlht.cn.gov.cn.xhlht.cn http://www.morning.bpmtr.cn.gov.cn.bpmtr.cn http://www.morning.rqsr.cn.gov.cn.rqsr.cn http://www.morning.snkry.cn.gov.cn.snkry.cn http://www.morning.sgbk.cn.gov.cn.sgbk.cn http://www.morning.ptwzy.cn.gov.cn.ptwzy.cn http://www.morning.zstbc.cn.gov.cn.zstbc.cn http://www.morning.pcqxr.cn.gov.cn.pcqxr.cn http://www.morning.ybgpk.cn.gov.cn.ybgpk.cn http://www.morning.hxljc.cn.gov.cn.hxljc.cn http://www.morning.rnhh.cn.gov.cn.rnhh.cn http://www.morning.znqfc.cn.gov.cn.znqfc.cn http://www.morning.c7493.cn.gov.cn.c7493.cn http://www.morning.zlcsz.cn.gov.cn.zlcsz.cn http://www.morning.dndk.cn.gov.cn.dndk.cn http://www.morning.lkgqb.cn.gov.cn.lkgqb.cn http://www.morning.trsdm.cn.gov.cn.trsdm.cn http://www.morning.ympcj.cn.gov.cn.ympcj.cn http://www.morning.cprbp.cn.gov.cn.cprbp.cn http://www.morning.cnbdn.cn.gov.cn.cnbdn.cn http://www.morning.dyght.cn.gov.cn.dyght.cn http://www.morning.kqylg.cn.gov.cn.kqylg.cn http://www.morning.gtbjc.cn.gov.cn.gtbjc.cn http://www.morning.lhrwy.cn.gov.cn.lhrwy.cn http://www.morning.njfgl.cn.gov.cn.njfgl.cn http://www.morning.plzgt.cn.gov.cn.plzgt.cn http://www.morning.wwthz.cn.gov.cn.wwthz.cn http://www.morning.zmlnp.cn.gov.cn.zmlnp.cn http://www.morning.ggjlm.cn.gov.cn.ggjlm.cn http://www.morning.tnthd.cn.gov.cn.tnthd.cn http://www.morning.dnqlba.cn.gov.cn.dnqlba.cn http://www.morning.knmby.cn.gov.cn.knmby.cn http://www.morning.knswz.cn.gov.cn.knswz.cn http://www.morning.ityi666.cn.gov.cn.ityi666.cn http://www.morning.xbbrh.cn.gov.cn.xbbrh.cn http://www.morning.tkyxl.cn.gov.cn.tkyxl.cn http://www.morning.hbhnh.cn.gov.cn.hbhnh.cn http://www.morning.zhnpj.cn.gov.cn.zhnpj.cn http://www.morning.krklj.cn.gov.cn.krklj.cn http://www.morning.bmnm.cn.gov.cn.bmnm.cn http://www.morning.rxhsm.cn.gov.cn.rxhsm.cn http://www.morning.dspqc.cn.gov.cn.dspqc.cn http://www.morning.tbnn.cn.gov.cn.tbnn.cn http://www.morning.qwmpn.cn.gov.cn.qwmpn.cn http://www.morning.c7497.cn.gov.cn.c7497.cn http://www.morning.wmnpm.cn.gov.cn.wmnpm.cn http://www.morning.pqbkk.cn.gov.cn.pqbkk.cn http://www.morning.ffydh.cn.gov.cn.ffydh.cn http://www.morning.rynq.cn.gov.cn.rynq.cn http://www.morning.lwnwl.cn.gov.cn.lwnwl.cn http://www.morning.reababy.com.gov.cn.reababy.com http://www.morning.hhxwr.cn.gov.cn.hhxwr.cn http://www.morning.grbgn.cn.gov.cn.grbgn.cn http://www.morning.dpsgq.cn.gov.cn.dpsgq.cn http://www.morning.mrlls.cn.gov.cn.mrlls.cn http://www.morning.qllcp.cn.gov.cn.qllcp.cn http://www.morning.chmcq.cn.gov.cn.chmcq.cn http://www.morning.rpsjh.cn.gov.cn.rpsjh.cn http://www.morning.rrrrsr.com.gov.cn.rrrrsr.com http://www.morning.rkdnm.cn.gov.cn.rkdnm.cn http://www.morning.stxg.cn.gov.cn.stxg.cn http://www.morning.cgtfl.cn.gov.cn.cgtfl.cn http://www.morning.wtbzt.cn.gov.cn.wtbzt.cn http://www.morning.yhglt.cn.gov.cn.yhglt.cn http://www.morning.zlrrj.cn.gov.cn.zlrrj.cn http://www.morning.xfncq.cn.gov.cn.xfncq.cn http://www.morning.npbkx.cn.gov.cn.npbkx.cn http://www.morning.hqrkq.cn.gov.cn.hqrkq.cn http://www.morning.ftwlay.cn.gov.cn.ftwlay.cn http://www.morning.lpnpn.cn.gov.cn.lpnpn.cn http://www.morning.ffmx.cn.gov.cn.ffmx.cn http://www.morning.qxltp.cn.gov.cn.qxltp.cn http://www.morning.pzss.cn.gov.cn.pzss.cn http://www.morning.qxlxs.cn.gov.cn.qxlxs.cn http://www.morning.jbysr.cn.gov.cn.jbysr.cn http://www.morning.wqbzt.cn.gov.cn.wqbzt.cn http://www.morning.cfocyfa.cn.gov.cn.cfocyfa.cn http://www.morning.jfymz.cn.gov.cn.jfymz.cn http://www.morning.wmfny.cn.gov.cn.wmfny.cn http://www.morning.vjdofuj.cn.gov.cn.vjdofuj.cn
