最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

js装饰设计模式学习心得

来源:动视网 责编:小采 时间:2020-11-27 22:19:23
文档

js装饰设计模式学习心得

js装饰设计模式学习心得:装饰设计模式 每种设都有其独特的应用场景和解决问题的方式, 装饰设计模式是动态的为对象添加新的功能, 是一种用于代替继承的技术,无需通过继承增加子类就能扩展对象的新功能。使用对象的关联关系代替继承关系,更加灵活,同时避免类型体系的快速膨胀, 这
推荐度:
导读js装饰设计模式学习心得:装饰设计模式 每种设都有其独特的应用场景和解决问题的方式, 装饰设计模式是动态的为对象添加新的功能, 是一种用于代替继承的技术,无需通过继承增加子类就能扩展对象的新功能。使用对象的关联关系代替继承关系,更加灵活,同时避免类型体系的快速膨胀, 这


结构图:

接口

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;
 }

文档

js装饰设计模式学习心得

js装饰设计模式学习心得:装饰设计模式 每种设都有其独特的应用场景和解决问题的方式, 装饰设计模式是动态的为对象添加新的功能, 是一种用于代替继承的技术,无需通过继承增加子类就能扩展对象的新功能。使用对象的关联关系代替继承关系,更加灵活,同时避免类型体系的快速膨胀, 这
推荐度:
标签: 模式 学习 js
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top