u014572617的博客

（JS）职责链模式一步操作分为多个角色来完成将角色分开，使用一个链串起来class Action { constructor(name) { this.name = name; this.nextAction = null; } setNextAction(action) { this.nextAction = action; } handle() { console.log(`${this.name}审批`); if (this.nextAction != nu

（JS）状态模式每次状态变化都会触发逻辑不能总是使用if…else判断class State { constructor(color) { this.color = color; } handle() { console.log(`turn to ${this.color} light`); context.setState(this); }}class Context { constructor() { this.state = null; } getS

（JS）迭代器模式顺序访问一个集合使用者无需知道集合内部的结构class Iterator { constructor(container) { this.list = container.list; this.index = 0; } next() { if(this.hasNext()) { return this.list[this.index++]; } return null; } hasNext() { if(this.index>=this.

（JS）观察者模式一对多发布&订阅class Subject { constructor() { this.state = 0; this.observers = []; } getState() { return this.state; } setState(state) { this.state = state; this.notifyAllObservers(); } // 触发每一个Observer的update()方法 notifyAllO

(JS)代理人模式使用者无权访问目标对象通过代理人来控制和授权class ReadImg { constructor(fileName) { this.fileName = fileName; this.loadFromDisk(); } display() { console.log("disp"); } loadFromDisk() { console.log("Disk"); }}class ProxyImg { constructor(fileName) {

(JS)装饰器模式为对象添加新功能不改变其原有的结构和功能class Demo { draw() { console.log("画一个") }}class Circle { constructor() { this.circle = new Demo(); } draw() { this.circle.draw(); this.dec(); } dec() { console.log("装饰") }}let dr = new Circle();

（JS）适配器模式使用一个方法去封装和调用不适配的方法class Adaptee { specificRequest() { return "English"; }}class Target { constructor() { this.newTarget = new Adaptee(); } request() { let info = this.newTarget.specificRequest(); return `${info}---转换为---Chinese`

（JS）单例模式单例模式即只创建一个实例，如果多次调用，则返回第一次创建的实例在JS中没有私有变量和私有方法，所以可以使用闭包来代替class singleObject { login() { console.log("login..."); }}singleObject.getInstance = (function() { let instance; return function() { if(!instance) { instance = new singleObje