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. Python Data Structure and Algorithms Tutorial

    Python - Algorithm Design - Tutorialspoint https://www.tutorialspoint.com/python_data_structure/pyth ...

  2. python3 安装 #zlib zlibmodule.c -I$(prefix)/include -L$(exec_prefix)/lib -lz RHEL 8 install Python 3 or Python 2 using yum 编译安装 python3.7.4 . OpenSSL 1.0.2 or 1.1. Consequently, OpenSSL 0.9.8 and 1.0

    #zlib zlibmodule.c -I$(prefix)/include -L$(exec_prefix)/lib -lz Modules/Setup.dist https://askubuntu ...

  3. 页面渲染html的过程

    浏览器渲染页面的一般过程: 1.浏览器解析html源码,然后创建一个 DOM树.并行请求 css/image/js在DOM树中,每一个HTML标签都有一个对应的节点,并且每一个文本也都会有一个对应的文 ...

  4. 使用Docker部署监控系统,Prometheus,Grafana,监控服务器信息及Mysql

    使用Docker部署监控系统,Prometheus,Grafana,监控服务器信息及Mysql 一.docker部署prometheus监控系统 1.1 配置安装环境 1.1.1 安装promethe ...

  5. 通过脚本本地下载Jar包

    通过脚本本地下载Jar包 1.脚本 2.pom.xml 1.脚本 download.bat # !/bin/bash mvn -f pom.xml dependency:copy-dependenci ...

  6. c++复习笔记(2)

    1. 类与对象 类的声明与结构,数据成员和成员函数. 成员函数可以在类外被定义.但是必须在类内声明. 封装:protect--允许类成员和派生类成员访问. 构造函数之外,还有一种初始化类成员的方法:参 ...

  7. Kubernetes --(k8s)Job、CronJob

    Job https://www.kubernetes.org.cn/job https://www.kubernetes.org.cn/cronjob Job负责批量处理短暂的一次性任务 (short ...

  8. IP路由__IP路由选择过程

    1.主机A上的某个用户ping主机B的IP地址 1.主机A的因特网控制报文协议(ICMP)将创建一个回应请求数据包(在它的数据域中只包含有字母). 2. ICMP将把这个有效负荷交给因特网协议(IP) ...

  9. Java 复习整理day07

    package com.it.demo05_innerclass; /* 案例: 演示内部类入门. 概述: 所谓的内部类指的是类里边还有一个类, 里边那个类叫: 内部类, 外边那个类, 叫外部类. 分 ...

  10. flutter--Dart基础语法(三)类和对象、泛型、库

    一.前言 Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,Flutter 开源.免费,拥有宽松的开源协议,支持移动.Web.桌面和嵌入式平台. ...