js23种设计模式 js设计模式有哪些

js23种设计模式 js设计模式有哪些
最新回答
雨后初见彩虹

2026-03-23 04:35:45

JavaScript设计模式主要有以下几种:

  1. 创建型模式:

    • 单例模式(Singleton):确保一个类只有一个实例,并提供一个全局访问点。
    • 工厂模式(Factory):定义一个用于创建对象的接口,但让子类决定实例化哪一个类。工厂方法使一个类的实例化延迟到其子类。
    • 抽象工厂模式(Abstract Factory):提供一个创建一系列相关或相互依赖对象的接口,而无需指定它们具体的类。
    • 建造者模式(Builder):将一个复杂对象的构建与它的表示分离,使得同样的构建过程可以创建不同的表示。
    • 原型模式(Prototype):用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象。
  2. 结构型模式:

    • 适配器模式(Adapter):将一个类的接口转换成客户希望的另外一个接口。适配器模式使原本由于接口不兼容而不能一起工作的那些类可以一起工作。
    • 代理模式(Proxy):为其他对象提供一种代理以控制对这个对象的访问。
    • 装饰器模式(Decorator):动态地给一个对象添加一些额外的职责。就扩展功能而言,它比生成子类方式更为灵活。
    • 外观模式(Facade):提供一个统一的接口,用来访问子系统中的一群接口。外观模式定义了一个高层接口,使得这一子系统更加容易使用。
    • 享元模式(Flyweight):运用共享技术有效地支持大量细粒度的对象。
    • 桥接模式(Bridge):将抽象部分与它的实现部分分离,使它们都可以独立地变化。
  3. 行为型模式:

    • 策略模式(Strategy):定义了一系列的算法,并把它们一个个封装起来,而且使它们可以互相替换。本模式使得算法可独立于使用它的客户而变化。
    • 模板方法模式(Template Method):在一个方法中定义一个算法的骨架,而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个算法的结构即可重定义该算法的某些特定步骤。
    • 观察者模式(Observer):定义对象间的一种一对多的依赖关系,当一个对象改变状态时,其所有依赖者都会收到通知并自动更新。
    • 迭代器模式(Iterator):提供一种方法顺序访问一个聚合对象中各个元素,而又不需暴露该对象的内部表示。
    • 责任链模式(Chain of Responsibility):使多个对象都有机会处理请求,从而避免请求的发送者和接收者之间的耦合关系。将这些对象连成一条链,并沿着这条链传递该请求,直到有一个对象处理它为止。
    • 命令模式(Command):将一个请求封装为一个对象,从而使你可用不同的请求对客户进行参数化、对请求排队或记录请求日志,以及支持可撤销的操作。
    • 中介者模式(Mediator):用一个中介对象来封装一系列对象的交互。中介者使各对象不需要显式地相互引用,从而使其耦合松散,而且可以独立地改变它们之间的交互。
    • 备忘录模式(Memento):在不破坏封装性的前提下,捕获并恢复对象的内部状态。
    • 状态模式(State):允许对象在内部状态改变时改变它的行为。对象看起来似乎改变了它的类。
    • 访问者模式(Visitor):表示一个作用于某对象结构中的各元素的操作。它使你可以在不修改各元素的类的前提下定义作用于这些元素的新操作。

需要注意的是,虽然存在多种设计模式,但在实际应用中应根据具体需求和场景选择合适的设计模式,而不是盲目追求使用所有的设计模式。同时,随着JavaScript语言和框架的发展,一些设计模式的使用场景和方式也可能会有所变化。