xie__jin__cheng的博客

概要 用一个中介对象来封装一系列对象交互。中介者使各对象不需要相互引用，从而使其耦合松散，而且可以独立地改变它们之间的交互。 类图 运行 代码 console.log('中介在模式演示：'); var indexId = 0; //抽象层-------------------- class Mediator { send(byid,toid, message) { ...

概要 定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时, 所有依赖于它的对象都得到通知并被自动更新。 类图 运行 代码 console.log('观察者模式演示：'); var states = { sort: "sort", run: "run" } var indexId = 0; // 抽象层 class SubjectCommandCenter { ...

概要 将一个请求封装为一个对象，从而使你可用不同的请求对客户进行参数化；对请求排队或记录请求日志，以及支持可撤消的操作。 类图 运行效果 代码 console.log('命令模式演示：'); class InvokerTank { constructor(scomd,rcmd) { this.sortCommand = scomd; t...

模式概述 意图(Intent)：为其他对象提供一种代理以控制对这个对象的访问。 动机(Motivate)：在面向对象系统中，有些对象由于某种原因（比如对象创建的开销很大，或者某些操作需要安全控制，或者需要进程外的访问等），直接访问会给使用者、或者系统结构带来很多麻烦。如何在不失去透明操作对象的同时来管理/控制这些对象特有的复杂性？增加一层间接层是软件开发中常见的解决方式。 类图 需求 ...

需求 设计一个集合，可以遍历机能，为坦克装配机能和遍历运行机能。 运行 代码 console.log('迭代器演示：'); class Function { constructor(fun) { this.fun = fun; } exe(guige) { console.log(this.fun + guige);...

需求 设置坦克能够执行“发射”、“跑”两种机能，两种机能引几种不同会有不同的执行标准，单是两种机能是固定的。 设计 父类执行“发射”、“跑”的机能，两个机能的具体动作有子类负责。 运行效果 代码 console.log('模板方法演示：'); class Tank { constructor(property) { this.property = ...

概要 运用共享技术有效地支持大量细粒度的对象。 类图 需求 坦克提供两种机能，“发射”和“跑”，不同的坦克发射和跑的速度不一样，但是无论多少坦克，基本的发射和跑的机能是一样的。说以这里，对“发射”和“跑”采用享元模式处理。 设计 设计的关键就是，无论多坦克，最终“发射”和“跑”的机能只用一个就够了（就是控制“发射”和“跑”要单件）。 运行效果 代码 cons...

概要 为子系统中的一组接口提供一个一致的界面，Facade模式定义了一个高层接口，这个接口使得这一子系统更加容易使用。 类图 需求说明 两种坦克，一种是普通坦克：具体发射，跑，瞄准机能；一种是高配坦克在基础机能上加装“水陆两栖”和“卫星定位”机能。 设计实现 内部两个类分别实现高配和普通的机能。对外提供一个外观类定义全部的机能接口。供外部的坦克类调用。 运行结果 代码 ...

代码 console.log('外观模式'); class ClientA { constructor(facade) { this.facade = facade; } exe() { this.facade.fun1(); } } class ClientB { constructor(facade) { ...

需求 基本机能有，射击，跑，红外等，这些机能可以组合成新的新能，新的的机能又可以被另一个新的机能组合。 运行 代码 console.log('组合模式'); var index = 0; class Component { constructor() { this.components = new Array(); this.id = in...

需求 坦克的射击距离，可以是70公里，也可以是50公里，这里给坦克换不同的策略，用以执行不同的机能。 运行 代码 console.log('策略模式'); class StrategySort { constructor(specification) { this.specification = specification; } exe()...

需求： 坦克在停止状态，能走和瞄准；瞄准进入，已经瞄准状态，走向进入走形中状态。 在瞄准状态，只能进行射击，射击后进入停止状态。 走行中状态，只能进行停止，不能瞄准和射击。 运行效果 代码 console.log('状态模式'); /* //prototype 实验------------------------------------------ console.log("p...

console.log('职责链'); class Tank { } class AbstractHandler{ constructor() { this.comand = 0; this.function = ""; this.nexHandler = null; } handleRequest(comand) { ...

console.log('桥接模式'); //调用父类实验-------------------------------------------- class A { constructor() { this.a = 0; } exe() { console.log('A'); } } class B extends A { ...

console.log('桥接模式'); class AbstractAppend { constructor() { this.speed = 0; } exe() { console.log('speed:' + this.speed); } } class AbstractTank { constructor() { ...

代码 console.log('原型模式'); class Tank { constructor() { this.appendSort = 0; this.sort = 0; } exe() { console.log('sort：' + this.sort + this.appendSort); ...

console.log("创建者模式") // 抽象层 class Builder{ buildSort(tank){ tank.sort = this.sort; } buildRun(tank){ tank.run = this.run; } } class Tank{ constructor(){ th...

概述：坦克大战-抽象工厂实现 代码 console.log("抽象工厂模式") // 基础类 class Sort{ sort(){ console.log("发生："+this.guiGe); } } class Run{ run(){ console.log("速度："+this.guiGe); } } cla...

console.log("工厂模式") class Tank{ exe(){ console.log("运行："+this.specification); } } class B50Tank extends Tank{ constructor(){ super(); this.specification = "50坦克"; ...