js实现的订阅发布者模式简单示例
网络编程 2021-07-04 15:02www.168986.cn编程入门
这篇文章主要介绍了js实现的订阅发布者模式,结合完整示例形式分析了js订阅发布者模式相关实现与使用方法,需要的朋友可以参考下
本文实例讲述了js实现的订阅发布者模式.分享给大家供大家参考,具体如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <script> var pubsub = (function(){ var q = {} ics = {}, subUid = -1; //发布消息 q.publish = function(ic, args) { //判断有没有当前的话题 if(!ics[ic]) {return;} var subs = ics[ic],//当前话题订阅者数组 len = subs.length; while(len--) { subs[len].func(ic, args); } return this; }; //订阅事件 //接收两个参数 要订阅的话题,处理程序 q.subscribe = function(ic, func) { //如果当前话题已经有订阅者,获取到订阅者数组 //一个话题名下的 订阅者事件可以是多个fn1, fn2, fn3 ics[ic] = ics[ic] ? ics[ic] : []; //给每个订阅者添加唯一的token var token = (++subUid).toString(); ics[ic].push({ token : token, func : func }); return token; }; //取消订阅 q.unsubscribe = function(token){ Object.keys(ics).map( key => { ics[key].map((fn, fnIndex) => { if(fn.token == token){ ics[key].splice(fnIndex,1) } }) }) } return q; })(); //触发的事件(订阅者的处理程序) var logmsg1 = function(ics, data) { console.log("logging1:" + ics + ":" + data); } var logmsg2 = function(ic, data) { console.log("logging2:" + ic + ":" + data,'我是订阅者2'); } //监听指定的消息'msgName' var sub1 = pubsub.subscribe('msgName', logmsg1); var sub2 = pubsub.subscribe('msgName', logmsg2); //pubsub.unsubscribe(sub1) //发布消息'msgName' pubsub.publish('msgName', 'hello world'); //发布无人监听的消息'msgName1' pubsub.publish('anotherMsgName', 'me too!'); </script> </body> </html>
运行结果:
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程