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. IE双击打不开解决办法

    方法1 [百度电脑专家]一键修复 建议下载并安装[百度电脑专家],官网:http://zhuanjia.baidu.com .打开[百度电脑专家],在搜索框内输入"IE修复",在搜 ...

  2. Bitter.Core系列五:Bitter ORM NETCORE ORM 全网最粗暴简单易用高性能的 NETCore ORM 之 示例 分页聚联查询

    Bitter.Core 在聚联/分页聚联查询的时候,采用原生的MSSQL, MYSQL 语句查询,做过复杂高级项目的人知道,原生的聚合查询代码执行效率更高,更快,更容易书写,开发量最少. 借助原生的M ...

  3. [从源码学设计] Flume 之 memory channel

    [从源码学设计] Flume 之 memory channel 目录 [从源码学设计] Flume 之 memory channel 0x00 摘要 0x01 业务范畴 1.1 用途和特点 1.2 C ...

  4. (数据科学学习手札105)Python+Dash快速web应用开发——回调交互篇(中)

    本文示例代码已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes 1 简介 这是我的系列教程Python+Dash快速web ...

  5. Prometheus 监控之 Blackbox_exporter黑盒监测

    Prometheus 监控之 Blackbox_exporter黑盒监测 1.blackbox_exporter概述 1.1 Blackbox_exporter 应用场景 2.blackbox_exp ...

  6. C++类基本--随笔二

    1 #include <iostream> 2 #include <string.h> 3 using namespace std; 4 5 class Internet 6 ...

  7. java类里的成员变量是自身的对象问题

    今晚看单例模式饿汉时想到一个问题:假如java类里的成员变量是自身的对象,则新建该类对象时内存中怎么分配空间,我感觉似乎死循环了.于是上网搜索了下,哈哈,果然有人早就思考过这个问题了,站在巨人的肩膀上 ...

  8. git从安装到多账户操作一套搞定(一)入门使用

    作者:良知犹存 转载授权以及围观:欢迎添加微信:Allen-Iverson-me-LYN 总述     GIT是当今热门代码管理技术,但是如此火的系统,竟然是大神林纳斯花了两周用C写出来的一个分布式版 ...

  9. CF-1451 E Bitwise Queries 异或 交互题

    E - Bitwise Queries 传送门 题意 有一组序列,长度为 \(n(4\le n \le 2^{16})\),且 \(n\) 为 2 的整数次幂,序列中数值范围为 [0,n-1], 每次 ...

  10. 配置VS2013 + opencv 2.4.10

    其实我内心是极力反对装这么老的版本的,但是要交课堂作业~~好无奈 [注] : 如果按照本文配置不成功,可以试一下其他博客里面的配置(多试一试总能成功的) https://jingyan.baidu.c ...