【经验总结】简陋无比的观察者模式实现

简介:

说明:观察者模式超级简陋版,代码很简单

主要实现代码如下:


//简单的工具对象,实现了观察者模式所需的基本要素
var publisher = {

    whateverType: 'any',
    subscribers:{
        //'any': []    //当不指定订阅类型时,统统扔到这个默认的队列里去
    },
    
    //订阅事件,type:事件类型,handler:事件处理方法
    subscribe: function(type, handler){
        type = type || whateverType;
        if(typeof this.subscribers[type]==='undefined'){
            this.subscribers[type] = [];
        }
        this.subscribers[type].push(handler);
    },
    
    //停止订阅事件,type:事件类型,[handler]:事件处理方法(如不传,则将类型为type的事件订阅队列清空)
    unsubscribe: function(type, handler){
        type = type || whateverType;
        var subscribers = this.subscribers[type] || [];
        for(var i=0; i<subscribers.length; i++){
            if(!handler || subscribers[i]===handler){
                subscribers.splice(i, 1);
                i--;
            }
        }
    },
    
    //发布事件,type:事件类型,[param]:事件参数,格式可自行定义
    publish: function(type, param){
        type = type || whateverType;
        var subscribers = this.subscribers[type] || [];
        for(var i=0,len=subscribers.length; i<len; i++){
            subscribers[i](param);
        }        
    }
};

 

接下来随便写两个对象,一个做发布者,一个做订阅者吧(一下子想到了老师给学生布置作业神马的。。。)

//工具函数,将source对象的属性拷贝到target里
function extend(target, source){
    for( var key in source) target[key] = source[key];
}

//仁慈的老师
var Teacher = {};
extend(Teacher, publisher);

//听话的学生
var Student = {
    doHomework: function(){
        console.log('homework, i wanna die');
    },
    takeExam: function(param){
        console.log('just '+ param.week_left +' weeks before final exams ! wtf');
    }
};

简单的测试用例,非详细:

Teacher.subscribe('homework', Student.doHomework);
Teacher.subscribe('exam', Student.takeExam);

Teacher.publish('homework');    //homework, i wanna die 
Teacher.publish('exam', {week_left: 2});    //just 2 weeks before final exams ! wtf 

Teacher.unsubscribe('homework', Student.doHomework);

Teacher.publish('homework');
Teacher.publish('exam', {week_left: 2});    //just 2 weeks before final exams ! wtf

 

观察者模式的简陋实现,代码很简单,思路也不复杂,根据需要稍加修改应该就可以用到实际项目中去,对于项目模块的通信、解耦都有很大作用...省略n字...

相关文章
|
2天前
|
SpringCloudAlibaba 负载均衡 Dubbo
微服务架构下Feign和Dubbo的性能大比拼,到底鹿死谁手?
本文对比分析了SpringCloudAlibaba框架下Feign与Dubbo的服务调用性能及差异。Feign基于HTTP协议,使用简单,适合轻量级微服务架构;Dubbo采用RPC通信,性能更优,支持丰富的服务治理功能。通过实际测试,Dubbo在调用性能、负载均衡和服务发现方面表现更出色。两者各有适用场景,可根据项目需求灵活选择。
339 123
微服务架构下Feign和Dubbo的性能大比拼,到底鹿死谁手?
|
1天前
|
Java 数据库 数据安全/隐私保护
Spring 微服务和多租户:处理多个客户端
本文介绍了如何在 Spring Boot 微服务架构中实现多租户。多租户允许单个应用实例为多个客户提供独立服务,尤其适用于 SaaS 应用。文章探讨了多租户的类型、优势与挑战,并详细说明了如何通过 Spring Boot 的灵活配置实现租户隔离、动态租户管理及数据源路由,同时确保数据安全与系统可扩展性。结合微服务的优势,开发者可以构建高效、可维护的多租户系统。
179 127
|
5天前
|
人工智能 JavaScript 测试技术
Qwen3-Coder入门教程|10分钟搞定安装配置
Qwen3-Coder 挑战赛简介:无论你是编程小白还是办公达人,都能通过本教程快速上手 Qwen-Code CLI,利用 AI 轻松实现代码编写、文档处理等任务。内容涵盖 API 配置、CLI 安装及多种实用案例,助你提升效率,体验智能编码的乐趣。
436 106
|
1天前
|
Web App开发 前端开发 API
在折叠屏应用中,如何处理不同屏幕尺寸和设备类型的样式兼容性?
在折叠屏应用中,如何处理不同屏幕尺寸和设备类型的样式兼容性?
212 124
|
5天前
|
JSON fastjson Java
FastJson 完全学习指南(初学者从零入门)
摘要:本文是FastJson的入门学习指南,主要内容包括: JSON基础:介绍JSON格式特点、键值对规则、数组和对象格式,以及嵌套结构的访问方式。FastJson是阿里巴巴开源的高性能JSON解析库,具有速度快、功能全、使用简单等优势,并介绍如何引入依赖,如何替换Springboot默认的JackJson。 核心API: 序列化:将Java对象转换为JSON字符串,演示对象、List和Map的序列化方法; 反序列化:将JSON字符串转回Java对象,展示基本对象转换方法;
|
6天前
|
缓存 JavaScript 前端开发
JavaScript 的三种引入方法详解
在网页开发中,JavaScript 可通过内联、内部脚本和外部脚本三种方式引入 HTML 文件,各具适用场景。本文详解其用法并附完整示例代码,帮助开发者根据项目需求选择合适的方式,提升代码维护性与开发效率。
211 110