JavaScript Design Patterns

Ensures a class has only one instance and provides a global point of access to it. In JavaScript, this is often implemented using closures or modules to maintain a single instance.

Provides an interface for creating objects in a superclass but allows subclasses to alter the type of objects that will be created.

Separates the construction of a complex object from its representation, allowing the same construction process to create different representations.

Creates objects based on a template of an existing object through cloning. JavaScript's prototypal inheritance makes this pattern very natural.

Allows objects with incompatible interfaces to work together by wrapping an object with an interface that the client expects.

Dynamically adds behaviors or responsibilities to objects without modifying their structure.

Provides a simple interface to a complex subsystem, making it easier to use.

Provides a surrogate or placeholder for another object to control access to it.

Defines a one-to-many dependency between objects so that when one object changes state, all its dependents are notified and updated automatically. This is commonly used in event handling in JavaScript.

Defines an object that encapsulates how a set of objects interact, promoting loose coupling by keeping objects from referring to each other explicitly.

Defines a family of algorithms, encapsulates each one, and makes them interchangeable. This allows the algorithm to vary independently from clients that use it.

Turns a request into a stand-alone object that contains all the information about the request. This allows for parameterizing clients with queues, requests, and operations.