js装饰设计模式学习心得

2018-02-19 09:52:45来源:作者:人点击

分享
第七城市

装饰设计模式

每种设都有其独特的应用场景和解决问题的方式, 装饰设计模式是动态的为对象添加新的功能, 是一种用于代替继承的技术,无需通过继承增加子类就能扩展对象的新功能。使用对象的关联关系代替继承关系,更加灵活,同时避免类型体系的快速膨胀, 这种模式适合新添加的功能不足以用继承为代价解决问题的情况时使用 - 杀鸡焉用宰牛刀 ^_^
装饰设计模式: 动态地为一个对象添加一些额外的职责,若要扩展一个对象的功能,装饰者提供了比继承更有弹性的替代方案。

结构图:

接口

var Bicycle = new Interface('Bicycle', ['assemble', 'wash', 'repair', 'getPrice']);

对象类

var AcmeComfortCuiser = function(){  };AcmeComfortCuiser.prototype = {  assemble: function(){      },  wash: function(){      },  repair: function(){      },  getPrice: function(){      }}

装饰类

var BicycleDecorator = function(bicycle){  Interface.ensureImplements(bicycle, Bicycle);  this.bicycle = bicycle;};BicycleDecorator.prototype = {  assemble: function(){    return this.bicycle.assemble();  },  wash: function(){    return this.bicycle.wash();  },  repair: function(){    return this.bicycle.repair();  },  getPrice: function(){    return this.bicycle.getPrice();  }}

拓展类

  var HeadlightDecorator = function(bicycle){    BicycleDecorator.call(this, bicycle);  };  extend(HeadlightDecorator, BicycleDecorator);  HeadlightDecorator.prototype.getPrice = function(){    return this.bicycle.getPrice() + 15.00;  }

您可能感兴趣的文章:

  • JavaScript实现AOP详解(面向切面编程,装饰者模式)
  • node.js实现的装饰者模式示例
  • JavaScript装饰器函数(Decorator)实例详解
  • 利用策略模式与装饰模式扩展JavaScript表单验证功能
  • Javascript设计模式之装饰者模式详解篇
  • 轻松掌握JavaScript装饰者模式
  • 学习JavaScript设计模式之装饰者模式
  • 深入理解JavaScript系列(29):设计模式之装饰者模式详解
  • PHP、Python和Javascript的装饰器模式对比
  • JavaScript设计模式之装饰者模式介绍
第七城市

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台