发布-订阅模式

发布—订阅模式又叫观察者模式,它定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知。

发布—订阅模式可以广泛应用于异步编程中,这是一种替代传递回调函数的方案。 比如,我们可以订阅 ajax 请求的 error、succ 等事件。或者如果想在动画的每一帧完成之后做一 些事情,那我们可以订阅一个事件,然后在动画的每一帧完成之后发布这个事件。在异步编程中使用发布—订阅模式,我们就无需过多关注对象在异步运行期间的内部状态,而只需要订阅感兴趣的事件发生点。

发布—订阅模式可以取代对象之间硬编码的通知机制,一个对象不用再显式地调 用另外一个对象的某个接口。发布—订阅模式让两个对象松耦合地联系在一起,虽然不太清楚彼此的细节,但这不影响它们之间相互通信。当有新的订阅者出现时,发布者的代码不需要任何修改;同样发布者需要改变时,也不会影响到之前的订阅者。只要之前约定的事件名没有变化,就可以自由地改变它们。

// 发布-订阅模式
// 需要一个保存订阅函数的对象,一个订阅函数,一个发布函数,一个取消订阅的函数
// 保存订阅函数的对象可以保存不同类型的订阅函数
var Event = (function() {
    var clientList = {},
        listen,
        trigger,
        remove;
    
    // 订阅函数,根据订阅类型不同,将订阅函数对应 clientList 对象不同的 key
    listen = function(key, fn) {
        if (!clientList[key]) {
            clientList[key] = [];
        }
        clientList[key].push(fn);
    }

    // 发布函数,发布某个类型事件,并且执行该类型的所有订阅函数
    // 如果没有该类型的订阅函数,则返回 false
    trigger = function() {
        var key = Array.prototype.shift.call(arguments),
            fns = clientList[key];

        if (!fns || fns.length === 0) {
            return false;
        }
        for(var i = 0, fn; fn = fns[i++];) {
            fn.apply(this, arguments);
        }
    }

    // 取消订阅函数,取消某个类型的某个具体的订阅函数
    // 如果没有该类型的订阅函数,则返回 false
    // 如果没有传递具体的订阅函数,则取消所有该类型的订阅函数
    // 如果以上都不成立,则取消某个类型的具体的某个订阅函数
    remove = function(key, fn) {
        var fns = clientList[key];
        if (!fns) {
            return false;
        }
        if (!fn) {
            fns && (fns.length = 0);
        }
        for(var j = fns.length - 1; j >= 0; j--) {
            var _fn = fns[j];
            if (_fn === fn) {
                fns.splice(j, 1);
            }
        }
    }

    return {
        listen: listen,
        trigger: trigger,
        remove: remove,
    };
})();

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值