【青训营】- JavaScript中的设计模式笔记

简介: 【青训营】- JavaScript中的设计模式笔记

什么是设计模式?

在软件设计过程中,针对特定问题的简洁而优雅的解决方案。从经验总结到合理运用再到解决问题。

SOLID五大设计原则

  1. S单一职责原则:一个程序只做好一件事。
  2. O开放封闭原则:对拓展开放,对修改封闭。
  3. L李氏置换原则:子类能覆盖父类,并能出现在父类出现的地方。
  4. I接口独立原则:保持接口的单一独立。
  5. D依赖导致原则:使用方法只关注接口而不关注集体类的实现。

为什么需要设计模式?

  1. 易读性:使用设计模式能够提高代码的可读性,提升后续开发效率。
  2. 可拓展性:使用设计模式对代码解耦,能很好的增强代码的易修改性和拓展性。
  3. 复用性:使用设计模式可以重用已有的解决方案,无需再重复相同的工作。

4:可靠性:使用设计模式能够增加系统的健壮性,使得代码编写真正工程化。

常见的八种设计模式

  1. 单例模式:保证一个类仅有一个实例,并提供一个访问它的全局访问点。
  2. 策略模式:定义一系列的算法,把它们一个个封装起来,并且使他们可以相互替换,把看似毫无联系的代码提取封装,复用,使得其更容易被理解和拓展。
  3. 代理模式:为一个对象提供一个代用品,替身对象可对请求预先进行处理。
  4. 命令模式:常用语富文本编辑器工具栏。
  5. 组合模式:用小的子对象来构建更大的对象,将对象组合成树形结构。
  6. 装饰器模式:能够在不改变对象自身的基础上,在程序运行期间给对象动态的添加职责。
  7. 发布订阅模式:对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知。
  8. 适配器模式:解决两个软件实体间的接口不兼容问题,不需要改变已有的接口,就能够使它们协同作用。
相关文章
|
4天前
|
设计模式 前端开发 JavaScript
【JavaScript 技术专栏】JavaScript 设计模式与实战应用
【4月更文挑战第30天】本文探讨JavaScript设计模式在提升开发效率和代码质量中的关键作用。涵盖单例、工厂、观察者、装饰器和策略模式,并通过实例阐述其在全局状态管理、复杂对象创建、实时数据更新、功能扩展和算法切换的应用。理解并运用这些模式能帮助开发者应对复杂项目,提升前端开发能力。
|
3天前
|
设计模式 存储 前端开发
JS的几种设计模式,Web前端基础三剑客学习知识分享,前端零基础开发
JS的几种设计模式,Web前端基础三剑客学习知识分享,前端零基础开发
|
4天前
|
设计模式
【设计模式】张一鸣笔记:责任链接模式怎么用?
【设计模式】张一鸣笔记:责任链接模式怎么用?
11 1
|
4天前
|
设计模式 JavaScript 前端开发
js设计模式-观察者模式与发布/订阅模式
观察者模式和发布/订阅模式是JavaScript中的两种设计模式,用于处理对象间的通信和事件处理。观察者模式中,一个主题对象状态改变会通知所有观察者。实现包括定义主题和观察者对象,以及在主题中添加、删除和通知观察者的功能。发布/订阅模式则引入事件管理器,允许发布者发布事件,订阅者通过订阅接收通知。
|
4天前
|
设计模式 JavaScript 算法
js设计模式-策略模式与代理模式的应用
策略模式和代理模式是JavaScript常用设计模式。策略模式通过封装一系列算法,使它们可互换,让算法独立于客户端,提供灵活的选择。例如,定义不同计算策略并用Context类执行。代理模式则为对象提供代理以控制访问,常用于延迟加载或权限控制。如创建RealSubject和Proxy类,Proxy在调用RealSubject方法前可执行额外操作。这两种模式在复杂业务逻辑中发挥重要作用,根据需求选择合适模式解决问题。
|
4天前
|
设计模式 算法 Java
【设计模式系列笔记】设计模式与设计原则
设计模式,是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。 设计原则是一些通用的设计指导方针,它们提供了如何设计一个优秀的软件系统的基本思想和规则。指导着设计者如何组织代码以实现高内聚、低耦合、易扩展和易维护的软件系统。
26 4
|
4天前
|
设计模式 JavaScript 前端开发
vue的设计模式_笔记
vue的设计模式_笔记
16 0
|
4天前
|
设计模式 算法 编译器
【设计模式系列笔记】访问者模式
访问者模式是一种行为设计模式,旨在将算法与对象结构分离,使得能够在不修改元素类的前提下定义新的操作。这一模式的核心思想是在元素类中添加一个接受访问者的方法,从而实现在不同元素上执行不同操作的能力。
33 0
|
4天前
|
设计模式 SQL 算法
【设计模式系列笔记】模板方法模式
模板方法模式是一种行为设计模式,它定义了一个算法的骨架,并允许子类在不改变该算法结构的情况下重新定义算法的某些步骤。这种模式属于行为型模式,它通过将算法的不同部分封装在不同的方法中,从而使子类能够在不改变算法结构的前提下定制算法的某些步骤。
32 0
|
4天前
|
设计模式 算法 Java
【设计模式系列笔记】策略模式
策略模式(Strategy Pattern)是一种行为设计模式,它定义了一系列的算法,将每个算法封装起来,并且使它们可以互相替换。策略模式使得算法可以独立于客户端而变化。
26 0