What are some examples of the decorator pattern in JavaScript?

Can you explain the decorator pattern in JavaScript?

Sure! The decorator pattern allows behavior to be added to individual objects, either statically or dynamically, without affecting the behavior of other objects from the same class.

Can you give me a practical example of using the decorator pattern?

Absolutely! Let's say you have a simple Coffee class. You can create a MilkDecorator that adds milk to the coffee without modifying the original class.

How would that look in code?

Here's a simple example:

class Coffee {
    cost() {
        return 5;
    }
}

class MilkDecorator {
    constructor(coffee) {
        this.coffee = coffee;
    }
    cost() {
        return this.coffee.cost() + 1;
    }
}

const myCoffee = new MilkDecorator(new Coffee());
console.log(myCoffee.cost()); // Outputs: 6

This way, you can add functionality without changing the original Coffee class.

What are some other use cases for the decorator pattern?

The decorator pattern is great for logging, access control, and adding features like caching or validation to existing classes.