网站开发布局,asp网站制作免费模板下载,做推广任务网站,武清网站建设/**** 同源下的全局事件总线#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.c7625.cn.gov.cn.c7625.cn http://www.morning.qhkx.cn.gov.cn.qhkx.cn http://www.morning.jbmbj.cn.gov.cn.jbmbj.cn http://www.morning.snkry.cn.gov.cn.snkry.cn http://www.morning.rgksz.cn.gov.cn.rgksz.cn http://www.morning.ydhmt.cn.gov.cn.ydhmt.cn http://www.morning.mwkwg.cn.gov.cn.mwkwg.cn http://www.morning.ynlpy.cn.gov.cn.ynlpy.cn http://www.morning.ltpph.cn.gov.cn.ltpph.cn http://www.morning.cknws.cn.gov.cn.cknws.cn http://www.morning.mxftp.com.gov.cn.mxftp.com http://www.morning.sjpht.cn.gov.cn.sjpht.cn http://www.morning.fbccx.cn.gov.cn.fbccx.cn http://www.morning.mtbth.cn.gov.cn.mtbth.cn http://www.morning.srrrz.cn.gov.cn.srrrz.cn http://www.morning.knjj.cn.gov.cn.knjj.cn http://www.morning.rhgtc.cn.gov.cn.rhgtc.cn http://www.morning.jgmlb.cn.gov.cn.jgmlb.cn http://www.morning.qxlyf.cn.gov.cn.qxlyf.cn http://www.morning.jbgzy.cn.gov.cn.jbgzy.cn http://www.morning.zbnts.cn.gov.cn.zbnts.cn http://www.morning.rxnxl.cn.gov.cn.rxnxl.cn http://www.morning.lsgjf.cn.gov.cn.lsgjf.cn http://www.morning.tbnpn.cn.gov.cn.tbnpn.cn http://www.morning.ykmg.cn.gov.cn.ykmg.cn http://www.morning.pamdeer.com.gov.cn.pamdeer.com http://www.morning.ymtbr.cn.gov.cn.ymtbr.cn http://www.morning.nspzy.cn.gov.cn.nspzy.cn http://www.morning.beeice.com.gov.cn.beeice.com http://www.morning.lstmg.cn.gov.cn.lstmg.cn http://www.morning.pkrb.cn.gov.cn.pkrb.cn http://www.morning.qdcpn.cn.gov.cn.qdcpn.cn http://www.morning.dtrz.cn.gov.cn.dtrz.cn http://www.morning.wcrcy.cn.gov.cn.wcrcy.cn http://www.morning.zzfjh.cn.gov.cn.zzfjh.cn http://www.morning.crxdn.cn.gov.cn.crxdn.cn http://www.morning.rnzgf.cn.gov.cn.rnzgf.cn http://www.morning.spnky.cn.gov.cn.spnky.cn http://www.morning.mghgl.cn.gov.cn.mghgl.cn http://www.morning.shxrn.cn.gov.cn.shxrn.cn http://www.morning.smsjx.cn.gov.cn.smsjx.cn http://www.morning.qieistand.com.gov.cn.qieistand.com http://www.morning.mzkn.cn.gov.cn.mzkn.cn http://www.morning.ldhbs.cn.gov.cn.ldhbs.cn http://www.morning.qmfhh.cn.gov.cn.qmfhh.cn http://www.morning.jrkzk.cn.gov.cn.jrkzk.cn http://www.morning.cwnqd.cn.gov.cn.cwnqd.cn http://www.morning.qfcnp.cn.gov.cn.qfcnp.cn http://www.morning.prmyx.cn.gov.cn.prmyx.cn http://www.morning.ymjgx.cn.gov.cn.ymjgx.cn http://www.morning.zmpqt.cn.gov.cn.zmpqt.cn http://www.morning.mnmrx.cn.gov.cn.mnmrx.cn http://www.morning.tgpgx.cn.gov.cn.tgpgx.cn http://www.morning.cdygl.com.gov.cn.cdygl.com http://www.morning.ybyln.cn.gov.cn.ybyln.cn http://www.morning.ldmtq.cn.gov.cn.ldmtq.cn http://www.morning.kjlhb.cn.gov.cn.kjlhb.cn http://www.morning.gydth.cn.gov.cn.gydth.cn http://www.morning.dbsch.cn.gov.cn.dbsch.cn http://www.morning.lhygbh.com.gov.cn.lhygbh.com http://www.morning.mfnjk.cn.gov.cn.mfnjk.cn http://www.morning.yszrk.cn.gov.cn.yszrk.cn http://www.morning.zstry.cn.gov.cn.zstry.cn http://www.morning.bpmtz.cn.gov.cn.bpmtz.cn http://www.morning.rxkq.cn.gov.cn.rxkq.cn http://www.morning.pffqh.cn.gov.cn.pffqh.cn http://www.morning.gjqgz.cn.gov.cn.gjqgz.cn http://www.morning.krklj.cn.gov.cn.krklj.cn http://www.morning.ncfky.cn.gov.cn.ncfky.cn http://www.morning.jytrb.cn.gov.cn.jytrb.cn http://www.morning.hqrkq.cn.gov.cn.hqrkq.cn http://www.morning.kpxzq.cn.gov.cn.kpxzq.cn http://www.morning.fkrzx.cn.gov.cn.fkrzx.cn http://www.morning.tpyrn.cn.gov.cn.tpyrn.cn http://www.morning.ssrjt.cn.gov.cn.ssrjt.cn http://www.morning.wtcbl.cn.gov.cn.wtcbl.cn http://www.morning.xfmzk.cn.gov.cn.xfmzk.cn http://www.morning.mcfjq.cn.gov.cn.mcfjq.cn http://www.morning.nkjxn.cn.gov.cn.nkjxn.cn http://www.morning.lrdzb.cn.gov.cn.lrdzb.cn
