Декоратор (шаблон проектирования)

// ConcreteComponent (класс для последующего декорирования)
function Coffee() {
    this.cost = function() {
	return 1;
    };
}
 
// Decorator A
function Milk(coffee) {
    this.cost = function() {
	return coffee.cost() + 0.5;
    };	
}
 
// Decorator B
function Whip(coffee) {
    this.cost = function() {
	return coffee.cost() + 0.7;
    };
}
 
// Decorator C
function Sprinkles(coffee) {
    this.cost = function() {
	return coffee.cost() + 0.2;
    };
}
 
// Можно использовать, например, так:
var coffee = new Milk(new Whip(new Sprinkles(new Coffee())));
alert( coffee.cost() );
 
// Или более наглядно:
var coffee = new Coffee();
coffee = new Sprinkles(coffee);
coffee = new Whip(coffee);
coffee = new Milk(coffee);
alert(coffee.cost());

function Component() {
	this.operation = function() { };
	this.getPrice = function() { };
	this.setPrice = function() { };
}
 
function ConcreteComponent() {
	var price = 10;
 
	this.operation = function() {
		price += 4;
		alert("ConcreteComponent.operation, price: "+ price);
	};
	this.getPrice = function() {
		return price;
	};
	this.setPrice = function(val) {
		price = val;
	};
}
ConcreteComponent.prototype = new Component();
ConcreteComponent.prototype.constructor = ConcreteComponent;
 
function Decorator() {
	var component;
 
	this.setComponent = function(val) {
		component = val;
	};
	this.getComponent = function() {
		return component;
	};
	this.operation = function() {
		component.operation();
	};
	this.getPrice = function() {
		return component.getPrice();
	};
	this.setPrice = function(val) {
		component.setPrice(val);
	};
}
Decorator.prototype = new Component();
Decorator.prototype.constructor = Decorator;
 
function ConcreteDecoratorA() {
	Decorator.call(this);
	var operation = this.operation; // ссылка на метод, определенный в Decorator
 
	this.operation = function() {
		this.setPrice(this.getPrice() + 3);
		alert("ConcreteDecoratorA.operation, price: "+ this.getPrice());
		operation();
	};
}
 
function ConcreteDecoratorB() {
	var dublicate = this; // ссылка на инстанцирующийся объект (т.к. this может меняться)
	Decorator.call(this);
	var operation = this.operation; // ссылка на метод, определенный в Decorator
 
	this.operation = function() {
		this.setPrice(this.getPrice() + 1);
		alert("ConcreteDecoratorB.operation, price: "+ this.getPrice());
		addedBehavior();
		operation();
	};
 
	function addedBehavior() {
		dublicate.setPrice(dublicate.getPrice() + 2);
		alert("addedBehavior, price: "+ dublicate.getPrice());
	}
}
 
// использование
 
c = new ConcreteComponent();
d1 = new ConcreteDecoratorA();
d2 = new ConcreteDecoratorB();
 
alert("изначальная цена: " + c.getPrice()); // 10
 
d1.setComponent(c);
d2.setComponent(d1);
 
d2.operation();
 
alert("цена после преобразования: " + c.getPrice()); // 20