js原生的订阅模式

忘是亡心i 2022-08-11 00:42 189阅读 0赞

闲极无聊做的一个简易订阅模式

先创建一个订阅器对象，然后调用add方法给一个订阅名称添加方法之类的

然后用publish就全部执行了

code：

//=======================
    //疯狂紫萧的订阅模式
    //为了简化订阅而写
    //=======================
    
    //订阅管理器
    //example:var sb=new Subscriber();
    //          sb.add("t",function(){})
    //          sb.publish("t")
    var Subscriber=function(){
    	var _subData=[];
    
    	//添加一个订阅事件
    	this.add = function (name, callback) {
    	    if (!callback) return;
    		if(!_subData[name])_subData[name]=[];
    		_subData[name].push(callback);
    	}
        //删除一个订阅事件
    	this.del = function (name) {
    	    if (_subData[name]) {
    	        delete _subData[name];
    	    }
    	}
        //触发一个订阅事件的订阅者
    	this.publish = function (name) {
    	    var list = [];
    	    if (list=_subData[name]) {
    	        for (var i = 0; i < list.length; i++) {
    	            list[i].apply(this);
    	        }
    	    }
    	}
        //取消订阅
    	this.cancel = function (name, callback) {
    	    if (!callback) return;
    	    var list = [];
    	    if (list = _subData[name]) {
    	        for (var i = 0; i < list.length; i++) {
    	            if (list[i] == callback) {
    	                _subData[name].splice(i, 1);
    	            }
    	        }
    	    }
    	}
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，189人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS设计模式:发布订阅模式

发布订阅模式 // 发布订阅模式 // 灵感来源于 DOM2级事件绑定 // 可以给元素的事件行为，绑定多个不同的方法[事件池机制] //

落日映苍穹つ/ 2022年11月06日 12:50/ 0 赞/ 198 阅读

相关 js 发布-订阅者模式

/ 发布-订阅模式 bw 2020/07/29 / const Event = { regsiter:{},

た入场券/ 2022年10月31日 10:57/ 0 赞/ 185 阅读

相关 js原生的订阅模式

闲极无聊做的一个简易订阅模式先创建一个订阅器对象，然后调用add方法给一个订阅名称添加方法之类的然后用publish就全部执行了 code： //=====

忘是亡心i/ 2022年08月11日 00:42/ 0 赞/ 190 阅读

相关 js原生的预加载图片

没事自己搞了一个预加载图片，这个东西貌似比较简单，好吧，其实就是嫌别人的大，麻烦 code： //======================= //疯

- 日理万妓/ 2022年08月11日 00:42/ 0 赞/ 290 阅读

相关 js与原生不能交互-js的window对象

项目背景： app里嵌套了h5的功能模块。在h5里面需要判断客户是否已经在app中登录。 app为js提供了获取app是否登录，以及调用原生登录的方法。其中登

谁借莪１个温暖的怀抱￠/ 2022年06月17日 13:54/ 0 赞/ 163 阅读

相关用原生的JS封装cookie的操作方法

<button οnclick="setCookie('username','John',1)">setCookie</button> <button οnclick=

╰半橙微兮°/ 2022年06月10日 14:14/ 0 赞/ 218 阅读

相关原生的JS编写图片的淡入淡出

原生的JS写图片的淡入淡出代码量比较多，他不像jQuery。淡入淡出其实就是鼠标移入图片的时候透明度值的变化。这里需要用到两个时间： mouseover()和m

深藏阁楼爱情的钟/ 2022年06月07日 09:19/ 0 赞/ 195 阅读

相关基于原生的JS实现拖动Table行

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

ゞ浴缸里的玫瑰/ 2022年05月25日 02:13/ 0 赞/ 226 阅读

相关原生的Ajax+struts2+js+ModelDriven

//ReceiveAction.java package com.abin.ajax.action; import javax.servlet.http.Http

梦里梦外;/ 2022年04月16日 03:00/ 0 赞/ 185 阅读

相关交互-前端js页面调用原生的方法

if (/android/i.test(navigator.userAgent)) \{ try \{ window.App.方法名(参数); \} catch (

超、凢脫俗/ 2022年02月13日 16:39/ 0 赞/ 257 阅读