JavaScript
文章平均质量分 82
吴封斌博客
我要做什么--我现在在做什么--数据流--分解--转化--搜索
展开
-
JavaScript设计模式--简单工厂模式例子---XHR工厂
第一步,Ajax操作接口(目的是起一个接口检测作用) (1)引入接口文件 //定义一个静态方法来实现接口与实现类的直接检验 //静态方法不要写出Interface.prototype ,因为这是写到接口的原型链上的 //我们要把静态的函数直接写到类层次上 //(1)定义一个接口类 var Interface=function (name,methods) {//name:接口名字原创 2017-10-17 17:51:51 · 177 阅读 · 0 评论 -
JavaScript设计模式--简单工厂模式
一,介绍 工厂模式创建对象(视为工厂里的产品)时无需指定创建对象的具体类。 工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类。该模式使一个类的实例化延迟到了子类。而子类可以重写接口方法以便创建的时候指定自己的对象类型。 在这里将工厂简单分为三种: (1)简单工厂:通过第三方的类完成松耦合的任务。(2)复杂工厂:通过把实例化的任务交给子类来完成的,用以到达松耦原创 2017-10-16 22:42:06 · 164 阅读 · 0 评论 -
JavaScript设计模式--桥梁模式--引入
1.使用情况 (1)事件的监控 #1,利用页面的button来选择宠物的例子(思路) button.addEvent(element,"click",getPetByBame); function getPetByBame(e){ var id = this.id; asyncRquest("GET",'pet.action?id='+id,f原创 2017-10-17 17:58:38 · 195 阅读 · 0 评论 -
JavaScript设计模式--桥梁模式--XHR连接队列
针对该模式的例子现在不是很理解,写下来慢慢熟悉。 我们要构建一个队列,队列里存放了很多ajax请求,使用队列(queue)主要是因为要确保先加入的请求先被处理。任何时候,我们可以暂停请求、删除请求、重试请求以及支持对各个请求的订阅事件。 (1)异步请求的函数封装 /* * XHR连接对象 * 把请求的函数做成一个序列,按照执行序列来完成每一个序列项的任务 * * */ (functi原创 2017-10-17 18:02:12 · 167 阅读 · 0 评论 -
JavaScript设计模式--门面模式
外部与一个子系统的通信必须通过一个系统的一个门面对象进行,这就是门面模式。 门面模式具备如下两个角色: 1. 门面角色 客户端可以调用这个角色方法,此角色中有子系统的应用(知晓相关的(一个或多个)子系统的功能和责任)。本角色会将所有从客户端发来的请求委派到相应的子系统去。 2. 子系统角色 可以同时有一个或多个子系统。每一个子系统都不是一个单独的类,而是一原创 2017-10-17 18:04:05 · 291 阅读 · 0 评论