首页 > 代码库 > 【JS设计模式】装饰者模式

【JS设计模式】装饰者模式


技术分享

装饰者模式:在不必改变原类文件和使用继承的情况下,动态地扩展一个对象的功能。它是通过创建一个包装对象,也就是装饰来包裹真实的对象



装饰模式的特点

(1) 装饰对象和真实对象有同样的接口。这样client对象就能以和真实对象同样的方式和装饰对象交互。
(2) 装饰对象包括一个真实对象的引用(reference)
(3) 装饰对象接受全部来自client的请求。

它把这些请求转发给真实的对象。
(4) 装饰对象能够在转发这些请求曾经或以后添加一些附加功能。这样就确保了在执行时。不用改动给定对象的结构就能够在外部添加附加的功能。在面向对象的设计中。一般是通过继承来实现对给定类的功能扩展。

适用性

下面情况使用Decorator模式
1. 须要扩展一个类的功能,或给一个类加入附加职责。
2. 须要动态的给一个对象加入功能,这些功能能够再动态的撤销。
3. 须要添加由一些基本功能的排列组合而产生的很大量的功能。从而使继承关系变的不现实。
4. 当不能採用生成子类的方法进行扩充时。一种情况是,可能有大量独立的扩展,为支持每一种组合将产生大量的子类,使得子类数目呈爆炸性增长。

还有一种情况可能是由于类定义被隐藏,或类定义不能用于生成子类。




  var Door = function() {
      }
      Door.prototype.open = function() {
        alert("打开门");
      }
      var Decorator = function(decorator) {
        this.decorator = decorator;
      }
      Decorator.prototype.open = function() {
        this.decorator.open();
      }
      var door = new Door();
      var decorator = new Decorator(door);
      decorator = new Decorator(decorator);
      decorator.open();


【JS设计模式】装饰者模式