JavaScript设计模式之装饰者模式

装饰者模式

定义

  装饰者模式又称装饰器模式，在不改变原对象的基础上，通过对其添加属性或方法来进行包装拓展，使得原有对象可以动态具有更多功能。
  本质是功能动态组合，即动态地给一个对象添加额外的职责，就增加功能角度来看，使用装饰者模式比用继承更为灵活。好处是有效地把对象的核心职责和装饰功能区分开，并且通过动态增删装饰去除目标对象中重复的装饰逻辑。

优缺点

装饰者模式的优点：

• 我们经常使用继承的方式来实现功能的扩展，但这样会给系统中带来很多的子类和复杂的继承关系，装饰者模式允许用户在不引起子类数量暴增的前提下动态地修饰对象，添加功能，装饰者和被装饰者之间松耦合，可维护性好；
• 被装饰者可以使用装饰者动态地增加和撤销功能，可以在运行时选择不同的装饰器，实现不同的功能，灵活性好；
• 装饰者模式把一系列复杂的功能分散到每个装饰器当中，一般一个装饰器只实现一个功能，可以给一个对象增加多个同样的装饰器，也可以把一个装饰器用来装饰不同的对象，有利于装饰器功能的复用；
• 可以通过选择不同的装饰者的组合，创造不同行为和功能的结合体，原有对象的代码无须改变，就可以使得原有对象的功能变得更强大和更多样化，符合开闭原则；

装饰者模式的缺点：

• 使用装饰者模式时会产生很多细粒度的装饰者对象，这些装饰者对象由于接口和功能的多样化导致系统复杂度增加，功能越复杂，需要的细粒度对象越多；
• 由于更大的灵活性，也就更容易出错，特别是对于多级装饰的场景，错误定位会更加繁琐；

示例

Object.prototype.decorate = function(beforefnc, afterfnc) {
	var self = this;
	return function(){
		beforefnc.apply(self, arguments);
		self.apply(self, arguments);
		afterfnc.apply(self, arguments);
	}
}

var method = function(num1, num2) {
	return function() {
		console.log("num1 + num2 = " + (num1 + num2));
	}
}

var before = function(str) {
	return function() {
		console.log("before " + str);
	}
}

var after = function(str) {
	return function() {
		console.log("after " + str);
	}
}

method(1, 2).decorate(before("start"), after("end"))();

打印结果：

before start
num1 + num2 = 3
after end