（三十四）设计模式之发布订阅模式

夕若没落丶然寒曲兮

于 2018-08-02 10:51:00 发布

阅读量73

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_41662119/article/details/84968119

本文介绍了一种常见的软件设计模式——发布订阅模式，并通过一个具体的JavaScript实现案例进行详细解析。该模式允许对象之间进行解耦通信，提高代码的可维护性和扩展性。

/** * 发布订阅模式 */ 
var EventCenter = (function(){ 
    var events = {}; 
/* { my_event: [{handler: function(data){xxx}}, {handler: function(data){yyy}}] } */ 
// 绑定事件 添加回调 
function on(evt, handler){ 
    events[evt] = events[evt] || []; 
    events[evt].push({ handler:handler }) 
} 
function fire(evt, arg){ 
    if(!events[evt]){ return } 
    for(var i=0; i < events[evt].length; i++){ 
        events[evt][i].handler(arg); 
    } 
} 
function off(evt){ delete events[evt]; } 
    return { on:on, fire:fire, off:off } 
}()); 
var number = 1; 
EventCenter.on('click', function(data){ 
    console.log('click 事件' + data + number++ +'次'); 
}); 
EventCenter.off('click'); 
// 只绑定一次 
EventCenter.on('click', function(data){ 
    console.log('click 事件' + data + number++ +'次'); 
}); 
EventCenter.fire('click', '绑定');

转载至： https://www.jianshu.com/p/d8c1c426d028

來源：简书