初探JavaScript设计模式| 青训营笔记

56 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第3天

什么是设计模式

设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。使用约定俗成的设计模式是为了重用代码、让代码更容易被他人理解、保证代码可靠性。因为这是一套得到多数人肯定的,目标明确的代码设计经验总结。

设计模式的分类

设计模式共有23种,可以分为三大类:创建型模式 (Creational Patterns) 、结构型模式 (Structural Patterns) 、行为型模式 (Behavioral Patterns)

  1. 创建型模式 (如何创建一个对象)
  • 工厂模式
  • 抽象工厂模式
  • 单例模式
  • 建造者模式
  • 原型模式
  • 对象池模式
  • 多例模式
  • 静态工厂模式

例子 原型模式 复制已有对象来创建新对象

image.png

  1. 结构型模式 (如何灵活的将对象组装成较大的结构)
  • 组合模式
  • 装饰器模式
  • 外观模式
  • 享元模式
  • 代理模式
  • 数据映射模式
  • 依赖注入模式
  • 门面模式 流接口模式
  • 注册模式

例子 代理模式 可自定义控制对原对象的访问方式,并且允许在更新前后做一些额外处理

image.png

  1. 行为型模式 (负责对象间的高效通信和职责划分)
  • MVC模式
  • 业务代表模式
  • 组合实体模式
  • 数据访问对象模式
  • 前端控制器模式
  • 拦截过滤器模式
  • 服务定位器模式
  • 传输对象模式
  • 委托模式
  • 资源库模式

例子 MVC模式(Model-View-Controller)

Model层,用于封装和应用程序的业务逻辑相关的数据及方法

View层,主要负责数据的展示。

controller层,让它来定义用户界面对用户输入的响应方式,它连接模型和视图,用于控制应用程序的流程。

image.png