用javascript实现一个 Subscribe/Publish 模式?

发布于 2022-09-05 22:33:19 字数 54 浏览 17 评论 0

用javascript实现一个 Subscribe/Publish 模式,有什么特别的思路没有

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

不再让梦枯萎 2022-09-12 22:33:19

这是一个简单的观察者模式的JS代码:

var Observer = (function(){
    var __message = {};
    return {
        //注册信息接口
        regist : function(type, fn) {
            if (typeof __message[type] === 'undefined') {
                __message[type] = [fn];
            }else{
                __message[type].push(fn);
            }
        },
        //发布信息接口
        fire : function(type, args){
            if (!__message[type]) {
                return;
            }
            var events = {
                type : type,
                args :args || {}
            },
            i = 0;
            len = __message[type].length;
            for(; i < len; i++){
                __message[type][i].call(this, events);
            }

        },
        //移除信息接口
        remove : function(type, fn){
            if(__message[type] instanceof Array){
                var i = __message[type].length - 1;
                for (; i >= 0; i--)    {
                    __message[type][i] === fn && __message[type].splice(i,1);
                }    
            }
        }
    }
})();


var Student = function(result) {
    var that = this;
    that.result = result;
    that.say = function(){
        console.log(that.result);
    }
};
Student.prototype.answer = function(question){
    Observer.regist(question,this.say);
}
Student.prototype.sleep = function(question){
    console.log(this.result + "" + question + "已被注销")
    Observer.remove(question, this.say)
}

var Teacher = function(){};
Teacher.prototype.ask = function(question){
    console.log('问题是:' + question);
    Observer.fire(question);
}
var student1 = new Student('学生1回答问题');
var student2 = new Student('学生2回答问题');
var student3 = new Student('学生3回答问题');

student1.answer('什么是设计模式');
student1.answer('简述观察者模式');
student2.answer('什么是设计模式');
student3.answer('什么是设计模式');
student3.answer('简述观察者模式');

student3.sleep('简述观察者模式');
var teacher = new Teacher();
teacher.ask('什么是设计模式');
teacher.ask('简述观察者模式');
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文