JavaScript设计模式
文章平均质量分 55
吴封斌博客
我要做什么--我现在在做什么--数据流--分解--转化--搜索
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JavaScript设计模式--简单工厂模式例子---XHR工厂
第一步,Ajax操作接口(目的是起一个接口检测作用) (1)引入接口文件 //定义一个静态方法来实现接口与实现类的直接检验 //静态方法不要写出Interface.prototype ,因为这是写到接口的原型链上的 //我们要把静态的函数直接写到类层次上 //(1)定义一个接口类 var Interface=function (name,methods) {//name:接口名字原创 2017-10-17 17:51:51 · 232 阅读 · 0 评论 -
JavaScript之JMap
(1)在JavaScript中我们利用function类定义类 (2)在类的内部我们用var 定义私有变量 私有函数 (3)在类的内部我们用this 定义公有变量 (1)定义一个类 function JMap() { var arr={};//空类 //增加 this.put=function (key,value) {原创 2017-10-13 22:34:48 · 249 阅读 · 0 评论 -
JavaScript之使用JavaScript模仿oop编程
第一, 首先,使用关键字function定义一个类 function Shape1(ax,ay) {//此时将function看成声明类的标志 var x=0; var y=0; var init=function () {//构造函数 对内部的变量赋值 x=ax; y=ay; } init();//构造函数的调用原创 2017-10-13 22:25:11 · 240 阅读 · 0 评论 -
javascript基础之回调函数
简单来说,回调函数:也就是将要执行的函数。 (1)回调函数的定义 function add(x,y,fn) { /* * this.x this.y:属于add类的全局变量的定义 * */ this.x=x||1; this.y=y||1; if(fn){ /*判断是否有回调函数,有原创 2017-10-13 22:22:00 · 297 阅读 · 0 评论 -
javascript基础之两种函数的定义方法
第一种方式:可以在函数定义之前调用也可以在函数定义之后调用: (0)函数的调用 add(1,2) //可以调用 (1)函数的定义: function add(x,y) { console.log(x+y) ; }(2)函数的调用 add(1,2)//可以调用 第二种方式:函数的调用只能是在函数定义之后。 (1)函数的定义 var add2=fu原创 2017-10-13 22:18:33 · 274 阅读 · 0 评论 -
JavaScript设计模式--门面模式
外部与一个子系统的通信必须通过一个系统的一个门面对象进行,这就是门面模式。 门面模式具备如下两个角色: 1. 门面角色 客户端可以调用这个角色方法,此角色中有子系统的应用(知晓相关的(一个或多个)子系统的功能和责任)。本角色会将所有从客户端发来的请求委派到相应的子系统去。 2. 子系统角色 可以同时有一个或多个子系统。每一个子系统都不是一个单独的类,而是一原创 2017-10-17 18:04:05 · 361 阅读 · 0 评论 -
JavaScript设计模式--桥梁模式--XHR连接队列
针对该模式的例子现在不是很理解,写下来慢慢熟悉。 我们要构建一个队列,队列里存放了很多ajax请求,使用队列(queue)主要是因为要确保先加入的请求先被处理。任何时候,我们可以暂停请求、删除请求、重试请求以及支持对各个请求的订阅事件。 (1)异步请求的函数封装 /* * XHR连接对象 * 把请求的函数做成一个序列,按照执行序列来完成每一个序列项的任务 * * */ (functi原创 2017-10-17 18:02:12 · 216 阅读 · 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 · 247 阅读 · 0 评论 -
JavaScript设计模式--简单工厂模式
一,介绍 工厂模式创建对象(视为工厂里的产品)时无需指定创建对象的具体类。 工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类。该模式使一个类的实例化延迟到了子类。而子类可以重写接口方法以便创建的时候指定自己的对象类型。 在这里将工厂简单分为三种: (1)简单工厂:通过第三方的类完成松耦合的任务。(2)复杂工厂:通过把实例化的任务交给子类来完成的,用以到达松耦原创 2017-10-16 22:42:06 · 217 阅读 · 0 评论 -
JavaScript链式调用
1、什么是链式调用? 这个很容易理解,例如 $('text’).setStyle('color', 'red').show(); 一般的函数调用和链式调用的区别:链式调用完方法后,return this返回当前调用方法的对象。 首先,我们先来看看一般函数的调用方式 (1)先创建一个简单的类 //创建一个bird类 function Bird(na原创 2017-10-16 08:53:14 · 1484 阅读 · 0 评论
分享