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)的更多相关文章

  1. Learning JavaScript Design Patterns The Module Pattern

    The Module Pattern Modules Modules are an integral piece of any robust application's architecture an ...

  2. AMD - Learning JavaScript Design Patterns [Book] - O'Reilly

    AMD - Learning JavaScript Design Patterns [Book] - O'Reilly The overall goal for the Asynchronous Mo ...

  3. Learning JavaScript Design Patterns The Observer Pattern

    The Observer Pattern The Observer is a design pattern where an object (known as a subject) maintains ...

  4. TypeScript Version 23 Design Patterns

    TypeScript Version 23 Design Patterns TypeScript 设计模式 https://refactoring.guru/design-patterns/types ...

  5. javascript / PHP [Design Patterns - Facade Pattern]

    This pattern involves a single class which provides simplified methods required by client and delega ...

  6. Design Patterns in Android

    对日常在 Android 中实用设计模式进行一下梳理和总结,文中参考了一些网站和大佬的博客,如 MichaelX(xiong_it) .菜鸟教程.四月葡萄.IAM四十二等,在这里注明下~另外强烈推荐图 ...

  7. Design Patterns Simplified - Part 3 (Simple Factory)【设计模式简述--第三部分(简单工厂)】

    原文链接:http://www.c-sharpcorner.com/UploadFile/19b1bd/design-patterns-simplified-part3-factory/ Design ...

  8. Design Patterns Simplified - Part 2 (Singleton)【设计模式简述--第二部分(单例模式)】

    原文链接: http://www.c-sharpcorner.com/UploadFile/19b1bd/design-patterns-simplified-part-2-singleton/ De ...

  9. Head First Design Patterns

    From Head First Design Patterns. Design Principle: Idnetify the aspects of your application that var ...

随机推荐

  1. 自导自演的面试现场,趣学MySQL的10种文件

    导读 Hi,大家好!我是白日梦!本文是MySQL专题的第 24 篇. 今天我要跟你分享的MySQL话题是:"自导自演的数据库面试现场--谈谈MySQL的10种文件" 换一种写作风格 ...

  2. Django runserver 默认多线程 监听文件变动

    django-admin and manage.py | Django documentation | Django https://docs.djangoproject.com/en/3.0/ref ...

  3. C++ Primer Plus读书笔记(十)对象和类

    1.类 不废话,上定义 class ClassName { public: xxx; private: xxx; protected: xxx; } private部分数据只能通过public 提供的 ...

  4. Java 从Character和char的区别来学习自动拆箱装箱

    本文结构 1.Character和char 的区别: 2.自动拆箱装箱 1.Character和char 的区别: Character是类,char基本数据类型. 在java中有三个类负责对字符的操作 ...

  5. Flutter环境搭建遇坑小结(一)

    对flutter的了解与开发也有一段时间了,总的来说,搭建开发环境遇到的各种坑也是很多,尤其对于初次接触Android开发的人员来说 一.flutter运行提示Running Gradle task ...

  6. HTML 5 学习第二课

    元素:<p>+++++++++</P> 全部内容 标签:<P></P> 属性:标签内部的内容 eg:<img src=" "& ...

  7. 前台console调试技巧

    前台console调试技巧 一.console.log() 二.console.warn() 三.console.dir() 四.console.table() 五.console.assert() ...

  8. MySQL 数据库性能调优

    MySQL 数据库性能调优 MySQL性能 最大数据量 最大并发数 优化的范围有哪些 存储.主机和操作系统方面: 应用程序方面: 数据库优化方面: 优化维度 数据库优化维度有四个: 优化选择: 数据库 ...

  9. Hbase 表的设计原则 ————总结

    1.列族的数量及列族的势 建议将HBase列族的数量设置的越少越好.当强,对于两个或两个以上的列族HBase并不能处理的很好.这是由于HBase的Flushing和压缩是基于Region的.当一个列族 ...

  10. ubuntu 安装新版的qq,可支持下载文件等常用功能

    说明:此版本的QQ基本完美,但是有个缺点就是历史记录有些会显示乱码! 注意:此方法能完美解决这篇文章http://www.cnblogs.com/EasonJim/p/7118693.html的所有问 ...