学习JavaScript设计模式之装饰者模式(javascript简明教程)

编辑：rootadmin

推荐整理分享学习JavaScript设计模式之装饰者模式(javascript简明教程)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:javascript怎么学,javascript怎么学,javascript教程chm,javascript设计,javascript教程chm,javascript课设,javascript设计,javascript教程 csdn,内容如对您有帮助，希望把文章链接给更多的朋友！

有时我们不希望某个类天生就非常庞大，一次性包含许多职责。那么我们就可以使用装饰着模式。装饰着模式可以动态地给某个对象添加一些额外的职责，从而不影响这个类中派生的其他对象。装饰着模式将一个对象嵌入另一个对象之中，实际上相当于这个对象被另一个对象包装起来，形成一条包装链。

一、不改动原函数的情况下，给该函数添加些额外的功能

1. 保存原引用

问题：（1）必须维护中间变量（2）可能遇到this被劫持问题在window.onload的例子中没有这个烦恼，是因为调用普通函数_onload时，this也指向window，跟调用window.onload时一样。

2. this被劫持：

因为_getElementById是全局函数，当调用全局函数时，this是指向window的，而document.getElementById中this预期指向document。

3. 解决this被劫持：

二、用AOP装饰函数

三、避免污染原型

四、示例?插件式的表单验证

结合《学习JavaScript设计模式之策略模式》中的【表单验证】，运用到ajax提交数据验证，效果很棒！

修改上述before方法

五、装饰者模式和代理模式

相同点：这两种模式都描述了怎么为对象提供一定程度上的间接引用，它们的实现部分都保留了对另外一个对象的引用，并且向那个对象发送请求。区别：（1）代理模式：当直接访问本地不方便或者不符合需求时，为这个本体提供一个替代者。本地定义关键功能，而代理提供或拒绝对它的访问，或者在访问本体之前走一些额外的事情。（其做的事情还是跟本体一样）（2）装饰者模式：为对象动态加入行为。（一开始不能确定对象的全部功能，实实在在的为对象添加新的职责和行为）

希望本文所述对大家学习javascript程序设计有所帮助。

学习JavaScript设计模式之单例模式一、定义保证一个类仅有一个实例，并提供一个访问它的全局访问点。当单击登陆按钮，页面中出现一个登陆浮窗，这个登陆浮窗是唯一的，无论单击

详解JavaScript对象序列化一.什么是对象序列化？对象序列化是指将对象的状态转换为字符串（来自我这菜鸟的理解，好像有些书上也是这么说的，浅显易懂！）；序列化(Serializa

理解JS绑定事件本文为大家详细分析了JS绑定事件，供大家参考，具体内容如下绑定事件有兼容性问题，在IE早期版本中使用的是obj.attachEvent()，而其他浏览器使用的则

标签: javascript简明教程

本文链接地址:https://www.jiuchutong.com/biancheng/383734.html 转载请保留说明！

上一篇：javascript倒计时效果实现(js中倒计时器怎么实现)

下一篇：学习JavaScript设计模式之单例模式(javascript教程doc)