2023年5月9日
摘要：
1 简介 作用：解决两个软件实体间的接口不兼容的问题 现实中的适配器 港式插头转换器 电源适配器 USB 转接口 2 应用 亡羊补牢 渲染广东省地图 从第三方资源里获得了广东省的所有城市以及它们所对应的 ID，并且成功地渲染到页面中 let guangdongCity = [ { name: 'sh 阅读全文
摘要：
1 初识状态模式 关键：区分事物内部的状态 事物内部的状态改变往往会带来行为改变 有一个电灯，电灯上面只有一个开关 当电灯开着的时候，此时按下开关，电灯会切换到关闭状态 再按一次开关，电灯又将被打开 同一个开关按钮，在不同的状态下，表现出来的行为是不一样的 1.1 电灯程序 1. 定义Light类 阅读全文
摘要：
1 简介 为对象动态增加职责：不改变对象自身的基础上，在程序运行期间给对象动态地添加职责 2 模拟传统面向对象语言的装饰者模式 编写一个飞机大战的游戏，随着经验值的增加，操作的飞行对象可以升级成为更厉害的飞机 2.1 原始飞机类 class Plane { constructor() {} fire 阅读全文
摘要：
1 简介 作用：解除对象与对象之间的紧耦合关系 增加一个中介者对象后，所有的相关对象都通过中介者对象来通信，而不是互相引用，所以当一个对象发生改变时，只需要通知中介者对象即可。 中介者使各对象之间耦合松散，而且可以独立地改变它们之间的交互。 中介者模式使网状的多对多关系变成了相对简单的一对多关系。 阅读全文
摘要：
1 现实中的职责链模式 中学时代的期末考试，如果你平时不太老实，考试时就会被安排在第一个位置。遇到不会答的题目，就把题目编号写在小纸条上往后传递，坐在后面的同学如果也不会答，他就会把这张小纸条继续递给他后面的人。 优点：请求发送者只需要知道链中的第一个节点，从而弱化了发送者和一组接收者之间的强联系 阅读全文
摘要：
1 初识享元模式 用于性能优化的模式 运用共享技术来有效支持大量细粒度的对象 获取内衣广告图片 内衣工厂，目前的产品有50种男士内衣和50种女士内衣，各有50个模特做展示拍照片 class Modal { constructor(sex, underwear) { this.sex = sex th 阅读全文
摘要：
1 模板方法模式的定义和组成 1.1 定义： 基于继承的设计模式 1.2 组成 1. 抽象父类 封装了子类的算法框架 公共方法 封装子类中所有方法的执行顺序 2. 具体的实现子类 2 第一个例子 -- Coffee or Tea 2.1 先泡一杯咖啡 class Coffee { construct 阅读全文
摘要：
1 简介 用小的子对象来构建更大的对象，而这些小的子对象本身也许是由更小的“孙对象”构成的 回顾宏命令 marcoCommand 被称为组合对象 closeDoorCommand、openPcCommand、openQQCommand 都是叶对象 marcoCommand 的 execute 并不执 阅读全文
摘要：
1 命令模式的用途 应用场景: 有时需要向某些对象发送请求, 但是并不知道请求的接收者是谁, 也不知道被请求的操作是什么 此时希望用一种松耦合的方式来设计程序，使得请求发送者和请求接收者能够消除彼此之间的耦合关系 订餐 命令模式将客人订餐的请求（订单）封装成 command 对象 订单从服务员手中传 阅读全文
摘要：
1 简介 作为一种优秀的设计模式，发布订阅者模式被广泛应用在前端领域 eg: 在 vue 的源码中，为了让数据劫持和视图驱动解耦 就是通过架设一层消息管理层实现的，而这一层消息管理层实现的原理就是发布订阅模式 现在举个现实中的例子来感受一下：你看上了一套房，到了售楼处被告知该楼盘的房子早已售罄。然后 阅读全文