最新文章专题视频专题问答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
当前位置: 首页 - 科技 - 知识百科 - 正文

JavaScript设计模式七:装饰者模式

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

JavaScript设计模式七:装饰者模式

JavaScript设计模式七:装饰者模式:本篇文章给大家分享了JavaScript设计模式七:装饰者模式,有兴趣的朋友可以看一下装饰者模式装饰者模式提供比继承更有弹性的替代方案。装饰者用于包装同接口的对象,用于通过重载方法的形式添加新功能,该模式可以在被装饰者的前面或后面加上自己的行为以达到
推荐度:
导读JavaScript设计模式七:装饰者模式:本篇文章给大家分享了JavaScript设计模式七:装饰者模式,有兴趣的朋友可以看一下装饰者模式装饰者模式提供比继承更有弹性的替代方案。装饰者用于包装同接口的对象,用于通过重载方法的形式添加新功能,该模式可以在被装饰者的前面或后面加上自己的行为以达到


本篇文章给大家分享了JavaScript设计模式七:装饰者模式,有兴趣的朋友可以看一下

装饰者模式

装饰者模式提供比继承更有弹性的替代方案。装饰者用于包装同接口的对象,用于通过重载方法的形式添加新功能,该模式可以在被装饰者的前面或后面加上自己的行为以达到特定的目的。
简单的理解:给对象动态添加职责的方式称为装饰着模式。
举一个简单的例子:

var xiaoming = function () {
 this.run = function () {
 return '跑步'
 },
 this.eat = function () {
 return: '吃饭'
 }
}
// 小明可以跑步,也可以吃饭
// 下面是一个装饰类,给小明进行装饰
var decor = function (xiaoming) {
 this.run = function () {
 return xiaoming.run + '很快'
 }
 this.eat = function () {
 return xiaoming.eat + '很多'
 }
}

通过一个装饰类,实现了对小明类的装饰。

总结

装饰者模式是为已有功能动态地添加更多功能的一种方式,把每个要装饰的功能放在单独的函数里,然后用该函数包装所要装饰的已有函数对象,因此,当需要执行特殊行为的时候,调用代码就可以根据需要有选择地、按顺序地使用装饰功能来包装对象。优点是把类(函数)的核心职责和装饰功能区分开了

相关推荐:

JavaScript设计模式系列二:单例模式

JavaScript设计模式系列四:原型模式

JavaScript设计模式系列六:桥接模式

文档

JavaScript设计模式七:装饰者模式

JavaScript设计模式七:装饰者模式:本篇文章给大家分享了JavaScript设计模式七:装饰者模式,有兴趣的朋友可以看一下装饰者模式装饰者模式提供比继承更有弹性的替代方案。装饰者用于包装同接口的对象,用于通过重载方法的形式添加新功能,该模式可以在被装饰者的前面或后面加上自己的行为以达到
推荐度:
标签: 装饰 模式 js
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top