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. 十九、更改LCD显示屏

    一.裸机修改 之前测试用的屏幕是480*272的分辨率,现在要换成800*480的屏,因此要对软件代码进行修改. 对于裸机驱动而言,主要有两个点需要注意,一个是屏幕分辨率变了,因此初始化的时候与屏幕分 ...

  2. Oracle 常用命令大全(持续更新)

    数据库 ----数据库启动 & 关闭 启动数据库 SQL> startup nomount; SQL> alter database mount; SQL> alter da ...

  3. Vue整合swiper报错Could not compile template .....swiper\dist\css\swiper.css解决办法

    问题描述 今天做一个前端项目,安装幻灯片插件vue-awesome-swiper后 运行npm run dev 后报错如下: `ERROR Could not compile template E:\ ...

  4. IEEE Standard 754 for Binary Floating-Point Arithmetic

    IEEE 754-2008 - IEEE Standard for Floating-Point Arithmetic https://standards.ieee.org/standard/754- ...

  5. etcd 与 Zookeeper、Consul 等其它 kv 组件的对比

    基于etcd的分布式配置中心 etcd docs | etcd versus other key-value stores https://etcd.io/docs/v3.4.0/learning/w ...

  6. 端口被占用通过域名的处理 把www.domain.com均衡到本机不同的端口 反向代理 隐藏端口 Nginx做非80端口转发 搭建nginx反向代理用做内网域名转发 location 规则

    负载均衡-Nginx中文文档 http://www.nginx.cn/doc/example/loadbanlance.html 负载均衡 一个简单的负载均衡的示例,把www.domain.com均衡 ...

  7. Hive on MR调优

    当HiveQL跑不出来时,基本上是数据倾斜了,比如出现count(distinct),groupby,join等情况,理解 MR 底层原理,同时结合实际的业务,数据的类型,分布,质量状况等来实际的考虑 ...

  8. 阿里云MQ

    阿里云众多中间件服务中有一款非常强大的中间见服务,在企业互联网架构中起到不可替代的作用,相比较开源的RabbitMQ,阿里的消息队列MQ承受的住阿里内部1000+核心应用的使用,每天转几千条消息,稳定 ...

  9. 设计模式(一)——Java单例模式(代码+源码分析)

    1)单例模式保证了 系统内存中该类只存在一个对象,节省了系统资源,对于一些需要频繁创建销毁的对象,使用单例模式可以提高系统性能 2)当想实例化一个单例类的时候,必须要记住使用相应的获取对象的方法,而不 ...

  10. FunnyXEN

    For any positive integer n, we define function F(n) and XEN(n).For a collection S(n)={1,2,...,2n}, w ...