Design Patterns All in One (JavaScript Version)
Design Patterns All in One (JavaScript Version)
JavaScript 设计模式
JavaScript 数据结构
23种设计模式分为 3 大类:
创建型模式, 共 5 种:
工厂方法模式
抽象工厂模式
单例模式
建造者模式
原型模式
结构型模式, 共 7 种:
适配器模式
装饰者模式
代理模式
外观模式
桥接模式
组合模式
享元模式
行为型模式, 共十一种:
策略模式
模板方法模式
观察者模式
迭代器模式
责任链模式
命令模式
备忘录模式
状态模式
访问者模式
中介者模式
解释器模式
其他设计模式:
除了这23种经典的设计模式,还出现其他的一些新的设计模式
并发型模式
线程池模式
规格模式
对象池模式
雇工模式
黑板模式
空对象模式
设计模式的六大原则:
0、总原则-开闭原则
对扩展开放, 对修改封闭;
在程序需要进行拓展的时候, 不能去修改原有的代码, 而是要扩展原有代码, 实现一个热插拔的效果;
所以一句话概括就是: 为了使程序的扩展性好, 易于维护和升级;
想要达到这样的效果, 我们需要使用接口和抽象类等;
1、单一职责原则
不要存在多于一个导致类变更的原因, 也就是说每个类应该实现单一的职责, 否则就应该把类拆分;
2、里氏替代原则(Liskov Substitution Principle)
任何基类可以出现的地方, 子类一定可以出现;
里氏替换原则是继承复用的基石, 只有当衍生类可以替换基类, 软件单位的功能不受到影响时, 基类才能真正被复用, 而衍生类也能够在基类的基础上增加新的行为;
里氏代换原则是对 "开-闭" 原则的补充;
实现 "开闭" 原则的关键步骤就是抽象化;
而基类与子类的继承关系就是抽象化的具体实现, 所以里氏代换原则是对实现抽象化的具体步骤的规范;
里氏替换原则中, 子类对父类的方法尽量不要重写和重载;
因为父类代表了定义好的结构, 通过这个规范的接口与外界交互, 子类不应该随便破坏它;
3、依赖反转原则(Dependence Inversion Principle)
面向接口编程, 依赖于抽象而不依赖于具体;
写代码时用到具体类时, 不与具体类交互, 而与具体类的上层接口交互;
4、接口隔离原则(Interface Segregation Principle)
每个接口中不存在子类用不到却必须实现的方法, 如果不然, 就要将接口拆分;
使用多个隔离的接口, 比使用单个接口(多个接口方法集合到一个的接口)要好;
5、迪米特法则/最少知道原则(Demeter Principle)
一个类对自己依赖的类知道的越少越好;
无论被依赖的类多么复杂, 都应该将逻辑封装在方法的内部, 通过public方法提供给外部;
这样当被依赖的类变化时, 才能最小的影响该类;
最少知道原则的另一个表达方式是: 只与直接的朋友通信;
类之间只要有耦合关系, 就叫朋友关系;
耦合分为依赖、关联、聚合、组合等;
我们称出现为成员变量、方法参数、方法返回值中的类为直接朋友;
局部变量、临时变量则不是直接的朋友;
我们要求陌生的类不要作为局部变量出现在类中;
6、合成复用原则(Composite Reuse Principle)
尽量首先使用合成/聚合的方式, 而不是使用继承;
Design Patterns for Humans
https://roadmap.sh/guides/design-patterns-for-humans
https://github.com/kamranahmedse/design-patterns-for-humans
https://github.com/xgqfrms/design-patterns-for-js
https://github.com/xgqfrms/Design-Patterns/
xgqfrms 2012-2020
www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!
Design Patterns All in One (JavaScript Version)的更多相关文章
- Learning JavaScript Design Patterns The Module Pattern
The Module Pattern Modules Modules are an integral piece of any robust application's architecture an ...
- AMD - Learning JavaScript Design Patterns [Book] - O'Reilly
AMD - Learning JavaScript Design Patterns [Book] - O'Reilly The overall goal for the Asynchronous Mo ...
- Learning JavaScript Design Patterns The Observer Pattern
The Observer Pattern The Observer is a design pattern where an object (known as a subject) maintains ...
- TypeScript Version 23 Design Patterns
TypeScript Version 23 Design Patterns TypeScript 设计模式 https://refactoring.guru/design-patterns/types ...
- javascript / PHP [Design Patterns - Facade Pattern]
This pattern involves a single class which provides simplified methods required by client and delega ...
- Design Patterns in Android
对日常在 Android 中实用设计模式进行一下梳理和总结,文中参考了一些网站和大佬的博客,如 MichaelX(xiong_it) .菜鸟教程.四月葡萄.IAM四十二等,在这里注明下~另外强烈推荐图 ...
- Design Patterns Simplified - Part 3 (Simple Factory)【设计模式简述--第三部分(简单工厂)】
原文链接:http://www.c-sharpcorner.com/UploadFile/19b1bd/design-patterns-simplified-part3-factory/ Design ...
- Design Patterns Simplified - Part 2 (Singleton)【设计模式简述--第二部分(单例模式)】
原文链接: http://www.c-sharpcorner.com/UploadFile/19b1bd/design-patterns-simplified-part-2-singleton/ De ...
- Head First Design Patterns
From Head First Design Patterns. Design Principle: Idnetify the aspects of your application that var ...
随机推荐
- 01. struts2介绍
struts2优点 与Servlet API 耦合性低.无侵入式设计 提供了拦截器,利用拦截器可以进行AOP编程,实现如权限拦截等功能 支持多种表现层技术,如:JSP.freeMarker.veloc ...
- 我为什么不鼓吹 WireGuard
原文链接:https://fuckcloudnative.io/posts/why-not-wireguard/ 最近有一款新型 VPN 工具备受瞩目,相信很多人已经听说过了,没错就是 WireGua ...
- https://www.exploit-db.com/docs/english/45906-cors-attacks.pdf
https://www.exploit-db.com/docs/english/45906-cors-attacks.pdf What is CORS (cross-origin resource s ...
- Boyer-Moore 投票算法
Boyer-Moore 投票算法 http://theory.stanford.edu/~trevisan/cs154-12/notestream.pdf 众数
- git commit,启动文本编辑器
git commit中输入message的几种方式 - 简书 https://www.jianshu.com/p/ad461b99e860 在所有的git教程里,git commit肯定是一开始就会提 ...
- jvm 三种编译
https://blog.csdn.net/fuxiaoxiaoyue/article/details/93497558 https://blog.csdn.net/tjiyu/article/det ...
- editplus 5.0 破解
先安装软件,安装步骤就不解释了,很傻瓜式的,一直下一步就行. 到了最重要的一步,请看仔细了!!! 在两个输入框中分别输入 注册名 Vovan 注册码 3AG46-JJ48E-CEACC-8E6 ...
- React-Router browserHistory浏览器刷新出现页面404解决方案
在React项目中我们经常需要采用React-Router来配置我们的页面路由,React-Router 是建立在 history 之上的,常见的history路由方案有三种形式,分别是: 1.has ...
- JavaScript——事件
事件:是由访问Web页面的用户引起一系列操作. 事件的作用:用于浏览器和用户的交互 以下代码为相关试验代码: HTML事件: <script type="text/javascript ...
- SparkStreaming直连方式读取kafka数据,使用MySQL保存偏移量
SparkStreaming直连方式读取kafka数据,使用MySQL保存偏移量 1. ScalikeJDBC 2.配置文件 3.导入依赖的jar包 4.源码测试 通过MySQL保存kafka的偏移量 ...