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. jQuery 页面滚动 吸顶 和 吸底

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. 关于Java客户端连接虚拟机中的Kafka时,无法发送、接收消息的问题

    kafka通过控制台模拟消息发送和消息接收正常,但是通过javaAPI操作生产者发送消息不成功 消费者接收不到数据解决方案? 1.问题排查 (1)首先通过在服务器上使用命令行来模拟生产.消费数据,发现 ...

  3. :setting:`task_soft_time_limit` celery 异步任务 执行时间限制 内存限制

    https://docs.celeryproject.org/en/stable/userguide/configuration.html?highlight=control_exchange#new ...

  4. GDB查看内存命令(x命令) 用gdb查看指定地址的内存内容

    GDB查看内存命令(x命令) - super119 - 博客园 https://www.cnblogs.com/super119/archive/2011/11/18/2254382.html 可以使 ...

  5. 排查golang的性能问题 go pprof 实践

    小结: 1.内存消耗分析 list peek  定位到函数   https://mp.weixin.qq.com/s/_LovnIqJYAuDpTm2QmUgrA 使用pprof和go-torch排查 ...

  6. CF175C Geometry Horse 题解

    "日拱一卒,功不唐捐" 写在前面 本人因为没开long long而被迫参考楼下思路重构代码,最后发现这个问题加了long long才得以AC 进入正题 -->这是题面 这是百 ...

  7. 【Android初级】教你用两行代码实现“显示/隐藏密码”的效果

    Android里面要使用密码的场景是非常多的,支付宝.微信.淘宝以及各大银行APP,都跟用户的密码有关.用户的密码是极为隐私的,用户在输入时不希望密码被别人看到,所以几乎所有需要输入密码的场景下都会把 ...

  8. 关于ckfinder上传文件时不能根据结果返回自定义操作问题?

    最近项目中为了便于文件的管理,所以CMS项目中使用到了ckfinder插件,但是在使用的过程中,发现其自带的上传事件,如果上传重名的文件,该工具会自动提示错误,显示上传失败.但是如果想要自己去处理重名 ...

  9. SQL操作数据——SQL组成,查询基础语法,where,Oracle常用函数等

    SQL组成 DML数据操作语言 DCL数据控制语言 DQL数据查询语言 DDL数据定义语言 查询基础语法 记录筛选 where 子句 记录筛选 where 子句 实例练习 实例练习 Select语句中 ...

  10. 正则表达式获取字符串的input标签的属性值

    直接上正则表达式: (?<=\<input.*value=\").*?(?=\") 字符串如下: <form action="https://www.b ...