JS设计模式
文章平均质量分 87
刻刻帝丶
这个作者很懒,什么都没留下…
展开
-
浅析JavaScript设计模式——代理模式
代理模式 为一个对象提供一个代用品或占位符,以便控制对它的访问 好久没有写设计模式的文章了 今天要写的代理模式可能内容要多一些 代理模式非常有用,代理模式也分为很多很多种,我只谈一些常见并且简单的 思想其实都是一样的 代理这个词我们并不陌生,在生活中例子也很多,比如,经纪人… 当我们不方便直接访问一个对象或者访问对象不满足我们需求的时候 我们可以把这个对象的控制权交给一个代理对象,原创 2016-11-17 20:33:54 · 2560 阅读 · 0 评论 -
浅析JavaScript设计模式——迭代器模式
迭代器模式 提供一种方法顺序访问一个聚合对象中的各个元素,而又不需要暴露该对象的内部表示 迭代器模式不像我们上次讲的代理模式 它十分简单,简单到我们可能都不认为它是一种设计模式 因为我们现在使用的语言基本上内部都实现了自己的迭代器 迭代器可以抽取内部的逻辑,我们不需要知道对象内部长什么样 就可以按顺序访问它内部的元素自定义迭代器ES5中给我们的数组扩展了很多原型方法、 其中就有一个好原创 2016-11-18 14:19:48 · 1490 阅读 · 0 评论 -
浅析JavaScript设计模式——策略模式
策略模式 定义一系列算法,把它们一个个封装起来,并且使它们可以相互替换 在我们的生活中,想要达到一种目的可以有不同的方法 所谓“条条大路通罗马” 在我们的程序中,想要实现一种目的的方法也可能不同 所以就引入了我们的策略模式 举一个原创 2016-11-09 13:54:51 · 1222 阅读 · 0 评论 -
浅析JavaScript设计模式——单例模式
单例模式 保证一个类仅有一个实例,并提供一个访问它的全局访问点 举一个通俗的例子,在页面中点击登录按钮,弹出了一个登录浮窗,这个登录浮窗是唯一的,无论我们单击多少次,浮窗只会创建一次其实我们可能无意中都会使用过单例模式,我们的做法往往都是使用一个变量来标志当前是否已经为某个类创建了对象, 如果true,那么下一次再想获得这个类的实例时,直接返回之前创建过的对象单例模式的核心是确保只有一个实例原创 2016-10-26 13:38:29 · 3195 阅读 · 0 评论 -
浅析JavaScript设计模式——发布-订阅/观察者模式
观察者模式 定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知 前一段时间一直在写CSS3的文章 一直都没写设计模式 今天来写写大名鼎鼎观察者模式 先画张图观察者模式的理解我觉得还是发布-订阅模式的叫法更容易我们理解 这就类似我们在微信平台订阅了公众号 当它有新的文章发表后,就会推送给我们所有订阅的人我们可以看到例子中这种模式的优点 我们作为原创 2016-11-26 18:58:35 · 18786 阅读 · 1 评论 -
利用策略模式与装饰模式扩展JavaScript表单验证功能
昨天为了练习策略模式和装饰模式 就写了一个表单验证的小例子 敲得过程中还是遇到了一些问题的 下面就给大家分享一下原创 2017-02-14 13:05:11 · 2706 阅读 · 2 评论 -
浅析JavaScript设计模式——装饰者模式
装饰者模式 在不改变对象自身的基础上,在程序运行期间给对象动态地添加一些额外职责 在传统面向对象语言中,为对象添加功能常使用继承 但是继承有很多缺点: 超类子类强耦合,超类改变导致子类改变 超类内部细节对子类可见,破坏了封装性 完成功能复用原创 2017-02-10 23:48:21 · 4482 阅读 · 0 评论