publish_subscribe

原创

diligenceday 2023-01-13 15:36:37 博主文章分类：js设计模式的代码 ©著作权

文章标签 html i++ 文章分类 运维

©著作权归作者所有：来自51CTO博客作者diligenceday的原创作品，请联系作者获取转载授权，否则将追究法律责任

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<script>
    var mediator = (function(){
        var subscribe = function(channel,fn){
            if(!mediator.channels[channel])mediator.channels[channel] = [];
            mediator.channels[channel].push( {context: this,callback: fn} );
            return this;
        };
        var publish = function(channel){
            if(!mediator.channels[channel])return false;
            var args = Array.prototype.slice.call(arguments,null);
            for(var i= 0,l = mediator.channels[channel].length; i<l; i++){
                var subscription = mediator.channels[channel][i];
                subscription.callback.call(subscription.context,args);
            };
            return this;
        };
        return {
            channels : {},
            publish : publish,
            subscribe : subscribe,
            installTo : function(obj){
                obj.subscribe = subscribe;
                obj.publish = publish;
            }
        }
    }());

    (function(mediator){
        function initialize(){
            mediator.name = 'dudu';
            mediator.subscribe('nameChange',function(arg){
                console.log(this.name);
                this.name = arg;
                console.log(this.name);
            });
        };
        function updata(name){
            mediator.publish('nameChange','tom');
        }

        initialize();
        updata()
    })(mediator)
</script>
</body>
</html>