标签归档:设计模式

111
JavaScript 设计模式之重构(十)
2016-09-05 阅读:651 类别:学习Note
模式和重构之间有着一种与生俱来的关系。从某种角度来看,设计模式的目的就是为许多重构行为提供目标。  1、提炼函数 如果在函数中有一段代码可以被独立出来,那我们最好把这些代码放进另外一个独立的函数 中。这是一种很...
111
JavaScript 单一职责原则(九)
2016-09-05 阅读:449 类别:学习Note
SRP 原则的优点是降低了单个类或者对象的复杂度,按照职责把对象分解成更小的粒度,这有助于代码的复用,也有利于进行单元测试。当一个职责需要变更的时候,不会影响到其他的职责。 但 SRP 原则也有一些缺点,最明显...
111
JavaScript 设计模式之装饰模式(八)
2016-09-05 阅读:444 类别:学习Note
装饰者模式可以动态地给某个对象添加一些额外的职责,而不会影响从这个类中派生的其他对象。  正常例子: html <button tag=”login” id=”button”>点击打开登录浮层</button> ...
116
JavaScript 设计模式之中介者模式(七)
2016-08-17 阅读:357 类别:学习Note
中介者模式的作用是解对象对象之间的系。加一个中介者对象后,所有的对象都通过中介者对象来通,而不是用,所以当一个对象发生时,需要通知中介者对象可。中介者使对象之间,而可以地它们之间的交。 中介者 模式使...
115
JavaScript 设计模式之职责链模式(六)
2016-08-17 阅读:348 类别:学习Note
职责链模式的定义是:使多个对象都有机会处理请求,从而免避免请求的发送者和接收者之间的耦合关系,将这些对象连成一条链,并沿着这条链传递该请求,直到有一个对象理处理它为止。    举例开始:假设...
111
JavaScript 设计模式之模板方法模式(五)
2016-08-16 阅读:315 类别:学习Note
模板方法模式是一种只需使用继承就可以实现的非常简单的模式。  var Beverage = function( param ){ var boilWater = function(){ console.log( '把水煮沸' ); }; var brew = param.brew || function(){ ...
111
JavaScript 设计模式之组合模式(四)
2016-08-16 阅读:867 类别:学习Note
组合模式就是用小的子对象来构建更大的对象,而这些小的子对象本身也许是由更小的“孙对象”构成的。  宏命令对象包含了一组具体的子命令对象,不管是宏命令对象,还是子命令对象,都有一个 execute 方法负责执行命令。现在回顾一...
111
JavaScript 设计模式之迭代模式、代理模式(三)
2016-08-15 阅读:511 类别:学习Note
迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素,而又不需要暴露该对象的内部表示。  $.each = function( obj, callback ) { var value,i = 0,length = obj.length,isArray = isArraylike( obj ); i...
108
JavaScript 设计模式之策略模式(二)
2016-08-15 阅读:395 类别:学习Note
策略模式的定义是:定义一系列的算法,把它们一个个封装起来,并且使它们可以相互替换。  策略模式指的是定义一系列的算法,把它们一个个封装起来。将不变的部分和变化的部分隔开是每个设计模式的主题,策略模式也不例...
7
JavaScript 设计模式之单例模式(一)
2016-07-01 阅读:77 类别:学习Note
今天在计科学院学习了“单例模式”的内容。第一次对设计模式提起了学习兴趣,不再想着任由性子和最直接的逻辑去书写大片代码,希望可以提升代码的质量! 为了加深印象,也方便之后不时的“学而时习之,温故而知新”,特地重新手写一...