js发布/订阅模式代码教程
程序员文章站
2022-06-30 09:29:58
直接上代码
js代码test.js
var xevent=(function(){
function xevent(){
this._event...
直接上代码
js代码test.js
var xevent=(function(){ function xevent(){ this._events={}; } xevent.prototype={ emit:function(name,obj){ if(name in this._events){ for(var i=0;i测试代码test.html
<script src="./test.js"> </script><script> var event=new xevent(); var test0=function(res){ console.info('test0-----监听',res); }; var test1=function(res){ console.info('test1-----监听',res); }; console.info('test0--------------------------start'); event.on('test0',test0); event.emit('test0',{ code:0, msg:'test0---0', data:null }); console.info('test1-------------------移除监听测试'); event.on('test1',test1); event.remove('test1'); event.emit('test1',{ code:1, msg:'test1---1', data:null }); </script>[name].length;i++){>
测试结果
test0--------------------------start test.html:15 test0-----监听 {code: 0, msg: "test0---0", data: null} test.html:31 test1-------------------移除监听测试
推荐阅读
-
phpMyFAQ 2.7.1发布 修复代码注入漏洞_PHP教程
-
MyEclipse安装JS代码提示的教程(Spket插件)
-
自动发布新闻的php代码_PHP教程
-
利用cookie与JS 实现访问次数统计代码_PHP教程
-
VUE2双向绑定——数据劫持+订阅发布模式
-
Vue数据双向绑定(响应式)原理之别再说发布者-订阅者模式
-
php设计模式之单例模式代码,php设计模式_PHP教程
-
Springboot2 之 Spring Data Redis 实现消息队列——发布/订阅模式
-
Spring Boot Redis队列-发布订阅模式
-
【Springboot+Redis】Springboot+Redis实现消息队列(生产者/消费者、发布订阅模式)