时间:2021-05-25
在传统的面向对象语言中,给对象添加功能常常使用继承的方式,但继承的方式会带来问题:当父类改变时,他的所有子类都将随之改变。
当JavaScript脚本运行时,在一个对象中(或他的原型上)增加行为会影响该对象的所有实例,
装饰者是一种实现继承的替代方案,它通过重载方法的形式添加新功能,该模式可以在被装饰者前面(before)或者后面(after)加上自己的行为以达到特定的目的。
装饰者模式是为已有功能动态地添加更多功能的一种方式,把每个要装饰的功能放在单独的函数里,然后用该函数包装所要装饰的已有函数对象,因此,当需要执行特殊行为的时候,调用代码就可以根据需要有选择地、按顺序地使用装饰功能来包装对象。优点是把类(函数)的核心职责和装饰功能区分开了。
我们可以定义工具函数,如下:
这里的参数beforeFn、afterFn即为要为原函数扩展新功能的新函数(添加装饰),它们的唯一区别是执行顺序的不同。如果不想污染Function的原型,可以用下面的方法:
例子:给HTTP请求中带上一个参数防止CSRF攻击
通过给ajax函数动态装饰上Token参数,而不是直接在原函数上修改参数,保证了ajax函数仍然是一个纯净的函数,提高了它的可复用性,它可在无需做任何修改的情况下直接拿到别的项目中使用。
例子:表单验证(把验证输入和表单提交的代码分离开来,然后动态的把验证输入功能装饰到表单提交之前,这样一来,我们就可以把验证输入部分写成一个插件的形式,用在不同的项目中)
参考文献: 《JavaScript模式》 《JavaScript设计模式与开发实践》
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
接着上篇文章,我们继续来学习Java中的字节流操作。装饰者缓冲流BufferedInput/OutputStream装饰者流其实是基于一种设计模式「装饰者模式」
本文实例讲述了javascript设计模式–装饰模式原理与应用。分享给大家供大家参考,具体如下:介绍:装饰模式可以在不改变一个对象本身功能的基础上给对象增加额外
装饰者模式可以给已经存在的对象动态的添加能力。下面,我将会用一个简单的例子来演示一下如何在程序当中使用装饰者模式。1.装饰者模式让我们来假设一下,你正在寻找一个
本文实例讲述了Java基于装饰者模式实现的染色馒头案例。分享给大家供大家参考,具体如下:一、模式定义装饰者模式,是在不改变原类文件和使用继承的情况下,动态扩展一
定义:装饰者模式就是不修改原类代码和继承的情况下动态扩展类的功能。传统的编程模式都是子类继承父类实现方法重载,使用装饰器模式,只需添加一个新的装饰器对象,更加灵