随笔分类 - Js设计模式
摘要：使用策略模式的好处就是可以封装算法，替换算法。在掘金上看到这么一篇文章： https://juejin.cn/post/7069395092036911140 于是自己根据原文代码进行了优化： /** * @Author: fanx * @Date: 2022年07月26日 19:29 * @Des
阅读全文
摘要：参考文章： 实现过滤或校验逻辑的最优方案：[https://juejin.cn/post/7026400720085581861] 前端的设计模式系列-责任链模式: [https://blog.csdn.net/qiwoo_weekly/article/details/122816843] 在日
阅读全文
摘要：前端设计模式（六）：观察者模式与发布订阅模式 参考文章： 观察者模式/发布订阅模式的应用[https://juejin.cn/post/7069042125492453413] 图解设计模式之观察者模式（TypeScript）[https://juejin.cn/post/6862112623417
阅读全文
摘要：一、代理模式的定义 代理模式给某一个对象提供一个代理对象，并由代理对象控制对原对象的引用。通俗的来讲代理模式就是我们生活中常见的中介 二、为什么要使用代理模式 中介隔离作用：在某些情况下，一个客户类不想或者不能直接引用一个委托对象，而代理类对象可以在客户类和委托对象之间起到中介的作用，其特征是代
阅读全文
摘要：适配器模式：将一个类（对象）的接口（方法或属性）转化成客户希望的另外一个接口（方法或属性），使得原本由于接口不兼容而不能一起工作的那些类（对象）可以正常协作。简单理解就是为兼容而生的 “转换器” 适配器模式是一对相对简单的模式，有一些模式跟适配器模式的结构非常相似，比如装饰者模式、代理模式和外观
阅读全文
摘要：**模板方法模式的定义：**在一个方法里定义算法的骨架，将一些步骤延迟到其子类。 意思是用一个方法包装多个函数的调用，这个方法就是模板，函数的使用只需要跟着模板里的步骤进行即可，同时根据情况可以放入钩子函数来选择是否在指定位置执行函数。 假设我们现在要做饮料，做饮料通常有以下步骤：1、烧开水，2
阅读全文
摘要：文章有参考：https://juejin.cn/post/6844904184257609735 工厂设计模式，就是用来帮助我们生产复杂对象的一种套路，可以将变与不变的部分分离,将创建对象的过程封装起来，不对外暴露。 工厂设计模式包括简单工厂模式、工厂方法模式，抽象工厂模式。 一、简单工厂模
阅读全文
摘要： 单例模式就是保证类的实例只有一个，这就是它的作用，比如在前端中，创建全局唯一的对话框实例，记录日志信息全局唯一实例等等。 单例模式在前端的两种实现方式： 1.通过原型方法实现 const Singleton = function () { this.instance = null; }; Sin
阅读全文
