中介

最新推荐文章于 2025-08-07 18:12:14 发布

weixin_30550271

最新推荐文章于 2025-08-07 18:12:14 发布

阅读量68

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/tujw/p/10476003.html

本文介绍了一种基于JavaScript的事件总线模式实现方法，通过创建一个mediator对象，提供了subscribe和publish两个核心功能，实现不同组件间的解耦通信。订阅者可以注册到特定主题，发布者则能向特定主题发送消息，所有订阅该主题的组件将收到通知。

var mediator = (function () {
    var topics = {};

    var subscribe = function (topic, fn) {
        if(!topics[topic]) {
            topics[topic] = [];
        }
        
        topics[topic].push({
            context : this,
            callback : fn
        });

        return this;
    }

    var publish = function (topic) {
        var args;
        if(!topics[topic]) {
            return false;
        }

        args = Array.prototype.slice.call(arguments, 1);
        for(var i = 0, l = topics[topic].length; i < l; i++) {
            var subscription = topics[topic][i];
            subscription.callback.apply(subscription.context, args);
        }
        return this;
    }

    return {
        Publicsh : publish,
        Subscribe : subscribe,
        installTo : function (obj) {
            obj.subscribe = subscribe;
            obj.publish = publish;
        }
    }
}());