Applying Design Patterns in JavaScript for Smart Home Devices

In this lesson, we will integrate design patterns into a practical project: building a smart home system. You'll learn how to create and adapt various smart home devices using the Singleton, Builder, Composite, and Abstract Factory patterns in JavaScript. By the end, you will have a solid understanding of how these design patterns can make your smart home system more efficient, modular, and easier to maintain.

1. Singleton Pattern:

   • Purpose: Ensures a class has only one instance and provides a global point of access to it.
   • Steps:
     • Define a class (Singleton) with a static method to hold the single instance.
     • Implement the getInstance method to manage instance creation and access.

2. Builder Pattern:

   • Purpose: Constructs complex objects step by step, providing a flexible solution for object creation.
   • Steps:
     • Define a class (SmartHomeDevice) for the object.
     • Create a builder class (SmartHomeDeviceBuilder) with methods to set object properties and a method to return the final object.

3. Composite Pattern:

   • Purpose: Treats individual objects and compositions of objects uniformly.
   • Steps:
     • Define a base class (DeviceComponent) for the composite structure.
     • Implement LeafDevice for individual objects and CompositeDevice for composite objects.

4. Abstract Factory Pattern:

   • Purpose: Provides an interface for creating families of related or dependent objects without specifying their concrete classes.
   • Steps:
     • Define an abstract factory class (SmartDeviceFactory).
     • Implement concrete factories (LightFactory, FanFactory) to create specific sensor and actuator objects.

To start, we implement the Singleton pattern in JavaScript to ensure that a class has only one instance and provides a global point of access to it.

class Singleton {
    constructor() {
        if (Singleton.instance) {
            return Singleton.instance;
        }
        Singleton.instance = this;
        // Additional initialization code can go here
    }

    static getInstance() {
        if (!Singleton.instance) {
            Singleton.instance = new Singleton();
        }
        return Singleton.instance;
    }
}

// Usage
const singleton1 = Singleton.getInstance();
const singleton2 = Singleton.getInstance();
console.log(singleton1 === singleton2);  // Output: true

The getInstance method checks if an instance exists and creates one if it does not.