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

在这里插入图片描述

简介：

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

原理：

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

优点：

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

缺点：

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

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

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

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

事件处理：C#中的事件（Event）机制本质上就是观察者模式的一种实现。事件的订阅者（Subscriber）注册到事件上，当事件发生时，所有订阅者都会收到通知并执行相应的操作。
GUI编程：在Windows Forms、WPF等GUI编程框架中，观察者模式被广泛应用。例如，当用户与界面进行交互时，界面上的控件（如按钮、文本框等）可以作为被观察者，而事件处理程序则充当观察者，当用户进行操作时，控件会通知事件处理程序执行相应的操作。
消息通知：在消息队列（Message Queue）或事件总线（Event Bus）等场景中，观察者模式常被用于实现消息的订阅和分发。当消息发布时，所有订阅该消息的对象都会收到通知并执行相应的处理逻辑。
数据绑定：在C#中，通过数据绑定机制，可以将界面上的控件与数据模型进行绑定，当数据模型发生变化时，界面上的控件会自动更新。这种数据绑定机制本质上也是观察者模式的一种应用。WPF的MVVM原理也是基于此
多线程编程：在多线程编程中，经常会使用观察者模式来实现异步通知机制。例如，当一个线程完成某项任务时，可以通过观察者模式通知其他线程执行相应的操作。

简单的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();
    }
}

其他地方用到的观察者模式
在前端开发中，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 Example</title>
    <!-- 引入Vue.js -->
    <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 Message</button>
    </div>

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

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

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mfbz.cn/a/429111.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！