• .NET高级面试指南专题十四【 观察者模式介绍，最常用的设计模式之一】

    在这里插入图片描述

    简介：

    观察者模式（Observer Pattern）是一种行为型设计模式，其目的是定义了一种一对多的依赖关系，当一个对象的状态发生变化时，所有依赖于它的对象都会得到通知并自动更新。

    原理：

    在观察者模式中，有两种角色：观察者（Observer）和被观察者（Subject）。被观察者维护一个观察者列表，并提供注册和删除观察者的方法。当被观察者的状态发生变化时，它会通知所有注册的观察者，调用它们的更新方法，从而使得观察者可以根据被观察者的状态进行相应的操作。

    优点：

    • 松耦合（Loose Coupling）：被观察者和观察者之间是松耦合的，它们之间只有一个抽象的依赖关系，不会互相影响。
    • 可扩展性（Scalability）：可以动态地添加和删除观察者，而不需要修改被观察者的代码，使得系统更易于扩展和维护。
    • 可重用性（Reusability）：观察者模式提供了一种通用的机制，使得被观察者和观察者可以独立变化，可以在不同的场景中被重复使用。

    缺点：

    • 过多的通知（Overhead）：如果被观察者对象有很多状态需要通知观察者，那么可能会产生大量的通知，导致性能问题。
    • 可能引起循环引用（Circular References）：如果观察者和被观察者相互引用，可能会导致内存泄漏或其他问题。
    • 通知的顺序不确定（Ordering Issues）：观察者收到通知的顺序可能是不确定的，这可能会导致一些问题，特别是在多线程环境下。

    常用场景：
    观察者模式常用于以下情况：

    1. 当一个对象的改变需要同时改变其他对象，并且不知道具体有多少对象需要改变时。
    2. 当一个对象的改变需要通知其他对象，但又不希望这些对象是紧密耦合的。

    在C#中，观察者模式是一种常见的设计模式，可以在许多地方使用。

    1. 事件处理：C#中的事件（Event）机制本质上就是观察者模式的一种实现。事件的订阅者（Subscriber）注册到事件上，当事件发生时，所有订阅者都会收到通知并执行相应的操作。

    2. GUI编程：在Windows Forms、WPF等GUI编程框架中，观察者模式被广泛应用。例如，当用户与界面进行交互时，界面上的控件（如按钮、文本框等）可以作为被观察者，而事件处理程序则充当观察者，当用户进行操作时，控件会通知事件处理程序执行相应的操作。

    3. 消息通知：在消息队列（Message Queue）或事件总线（Event Bus）等场景中，观察者模式常被用于实现消息的订阅和分发。当消息发布时，所有订阅该消息的对象都会收到通知并执行相应的处理逻辑。

    4. 数据绑定：在C#中，通过数据绑定机制，可以将界面上的控件与数据模型进行绑定，当数据模型发生变化时，界面上的控件会自动更新。这种数据绑定机制本质上也是观察者模式的一种应用。WPF的MVVM原理也是基于此

    5. 多线程编程：在多线程编程中，经常会使用观察者模式来实现异步通知机制。例如，当一个线程完成某项任务时，可以通过观察者模式通知其他线程执行相应的操作。

    简单的C#代码示例

    using System;

// 定义事件发布者
public class EventPublisher
{
    // 定义事件
    public event EventHandler<string> MyEvent;

    // 触发事件的方法
    public void RaiseEvent(string message)
    {
        MyEvent?.Invoke(this, message);
    }
}

// 定义事件订阅者
public class EventSubscriber
{
    private readonly string _name;

    public EventSubscriber(string name)
    {
        _name = name;
    }

    // 事件处理方法
    public void HandleEvent(object sender, string message)
    {
        Console.WriteLine($"{_name} received message: {message}");
    }
}

class Program
{
    static void Main(string[] args)
    {
        // 创建事件发布者
        var publisher = new EventPublisher();

        // 创建事件订阅者
        var subscriber1 = new EventSubscriber("Subscriber 1");
        var subscriber2 = new EventSubscriber("Subscriber 2");

        // 订阅事件
        publisher.MyEvent += subscriber1.HandleEvent;
        publisher.MyEvent += subscriber2.HandleEvent;

        // 触发事件
        publisher.RaiseEvent("Hello, world!");

        // 移除订阅者
        publisher.MyEvent -= subscriber2.HandleEvent;

        // 再次触发事件
        publisher.RaiseEvent("Goodbye!");

        Console.ReadLine();
    }
}

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59

    其他地方用到的 观察者模式
    在前端开发中，Vue.js框架本身就是基于观察者模式设计的，它提供了一种响应式的数据绑定机制，使得视图与数据之间能够保持同步。下面是在Vue.js中使用观察者模式的简单示例：

    DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue Observer Exampletitle>
    
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js">script>
head>
<body>
    <div id="app">
        <p>{{ message }}p>
        <button @click="updateMessage">Update Messagebutton>
    div>

    <script>
        // 创建一个Vue实例
        var app = new Vue({
            el: '#app',
            data: {
                message: 'Hello, Vue!'
            },
            methods: {
                // 更新数据的方法
                updateMessage: function() {
                    this.message = 'Hello, Vue.js!';
                }
            }
        });
    script>
body>
html>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32

    在这个示例中，我们创建了一个Vue实例，并在data选项中定义了一个名为message的数据属性。在HTML模板中，我们通过插值表达式{{ message }}将message数据属性绑定到页面上，当message的值发生变化时，页面上的内容也会相应地更新。通过点击按钮，调用updateMessage方法来更新message的值，这时Vue会自动通知相关的视图进行更新。

  • 相关阅读:
    SpringCloudAlibaba+Vue2.0搭建博客项目
    Terra-Luna归零一年后：信任重建、加密未来路在何方？
    java计算机毕业设计普通中学教职工信息管理系统源码+系统+数据库+lw文档+mybatis+运行部署
    介绍一下js的节流与防抖?
    C#:实现权重轮询调度算法(附完整源码)
    基于微信小程序的高校就业招聘系统设计与实现(源码+lw+部署文档+讲解等)
    vue怎么跳转页面？
    Spring整合RabbitMQ——生产者
    浅谈智能安全配电装置在老年人建筑中的应用
    【 java 面向对象之 Object 类】toString() 方法的重写
  • 原文地址：https://blog.csdn.net/zuiyuewentian/article/details/136443597