设计模式介绍

设计模式 (design pattern)是对 面向对象设计中反复出现的问题的解决方案。这个术语是在1990年代由Erich Gamma等人从建筑设计领域引入到计算机科学中来的。

历史经验的总结
与特定语言无关

设计模式分类

创建型 -如何创建一个对象

结构型-如何灵活的将对象组装成较大的结构

行为型 - 负责对象间的高效通信和职责划分

浏览器中的设计模式

1.单例模式

定义：全局唯一访问对象。

应用场景：

1.jQuery：只会有一个jQuery实例
2.模态窗口：一般网站都会有用户系统，例如我们去淘宝买东西，第一时间需要你先登录

优点

   划分命名空间，减少全局变量，增强模块性，

   把自己的代码组织在一个全局变量名下，放在单一位置，便于维护
  
   且只会实例化一次。简化了代码的调试和维护

缺点

由于单例模式提供的是一种单点访问，所以它有可能导致模块间的强耦合从而不利于单元测试。
单例类的职责过重，在一定程度上违背了“单一职责原则”。
无法单独测试一个调用了来自单例的方法的类，而只能把它与那个单例作为一个单元一起测试。

单例模式的实现

1. 基于回调函数的实现

在这种实现方式中，订阅者需要注册一个回调函数，当发布者有消息发送时，会调用该回调函数来通知订阅者。这种方式比较简单，但是需要订阅者提供一个回调函数，不够灵活。

public interface Subscriber {
    void onMessage(Message message);
}

public class Publisher {
    private List<Subscriber> subscribers = new ArrayList<>();

    public void addSubscriber(Subscriber subscriber) {
        subscribers.add(subscriber);
    }

    public void removeSubscriber(Subscriber subscriber) {
        subscribers.remove(subscriber);
    }

    public void notifySubscribers(Message message) {
        for (Subscriber subscriber : subscribers) {
            subscriber.onMessage(message);
        }
    }
}

2. 基于事件监听器的实现

在这种实现方式中，订阅者需要注册一个事件监听器，当发布者有消息发送时，会触发相应的事件，从而通知订阅者。这种方式更灵活，但是需要订阅者提供一个事件监听器接口。

public class MessageEvent {
    private Message message;

    public MessageEvent(Message message) {
        this.message = message;
    }

    public Message getMessage() {
        return message;
    }
}

public interface MessageListener {
    void onMessage(MessageEvent event);
}

public class Publisher {
    private List<MessageListener> listeners = new ArrayList<>();

    public void addListener(MessageListener listener) {
        listeners.add(listener);
    }

    public void removeListener(MessageListener listener) {
        listeners.remove(listener);
    }

    public void notifyListeners(Message message) {
        MessageEvent event = new MessageEvent(message);
        for (MessageListener listener : listeners) {
            listener.onMessage(event);
        }
    }
}

2.发布订阅模式

定义：一种订阅机制，可在被订阅对象发生变化时通知订阅者。

应用场景：从系统框架之间的解耦，到业务中一些实现模式，像邮件订阅，上线订阅等等，应用广泛。

优点：

松耦合：发布者和订阅者之间没有直接的依赖关系，可以独立演化，从而提高代码的可扩展性和可重用性。
灵活性：订阅者可以自由选择订阅哪些消息，并且可以在运行时动态添加或删除订阅关系。
可扩展性：通过使用插件机制，发布者和订阅者都可以方便地扩展系统功能。

缺点：

性能问题：在大规模的系统中，发布者向订阅者发送消息可能会导致消息堆积和性能问题。
调试问题：当系统中存在大量的订阅关系时，进行调试可能会比较困难。

javascript中的设计模式

1.原型模式

定义：原型模式（Prototype Pattern）是用于创建重复的对象，同时又能保证性能。这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。

应用场景： js中对象创建的基本模式

2.代理模式

定义：可自定义控制对原对象的访问方式，并且允许在更新前后做一些额外处理。

应用场景：监控，代理工具，前端框架实现等等。

3.迭代器模式

定义：在不暴露数据类型的情况下访问集合中的数据。

应用场景：数据结构中有多种数据类型，列表，树等，提供通用操作接口。

前端框架中的设计模式

组合模式

定义：可多个对象组合使用，也可单个对象独立使用。

应用场景： dom、前端组件、文件目录、部门。

前端框架中的设计模式｜ 青训营