当前位置: 首页 > news >正文

js设计模式(26)

js设计模式(26)

JavaScript 中常用的设计模式可以分为几大类,包括创建型模式、结构型模式和行为型模式。以下是它们的分类和常见设计模式的完整列表:

一、创建型模式

这些模式主要关注对象的创建方式,目的是降低系统耦合和复杂性。

  1. 工厂模式(Factory Pattern)
    提供创建对象的接口,具体的实例由子类决定。
  2. 抽象工厂模式(Abstract Factory Pattern)
    创建相关对象家族的接口,而无需指定具体类。
  3. 单例模式(Singleton Pattern)
    保证一个类只有一个实例,并提供一个全局访问点。
  4. 建造者模式(Builder Pattern)
    将对象的构造过程与表示分离,使同样的构造过程可以创建不同的对象。
  5. 原型模式(Prototype Pattern)
    通过复制现有实例来创建新的对象。

二、结构型模式

这些模式关注对象的组合,主要用于处理类和对象之间的关系。

  1. 适配器模式(Adapter Pattern)
    将一个类的接口转换为另一个客户端期望的接口。
  2. 桥接模式(Bridge Pattern)
    将抽象部分与实现部分分离,使它们可以独立变化。
  3. 组合模式(Composite Pattern)
    将对象组合成树形结构来表示“整体-部分”的层次结构。
  4. 装饰器模式(Decorator Pattern)
    动态地给对象添加新的功能,而不会影响其他对象。
  5. 外观模式(Facade Pattern)
    提供一个统一的接口,用来访问子系统中的一群接口。
  6. 享元模式(Flyweight Pattern)
    通过共享来减少内存使用,尤其是用于大量细粒度对象。
  7. 代理模式(Proxy Pattern)
    为其他对象提供一种代理以控制对该对象的访问。

三、行为型模式

这些模式关注对象之间的通信和责任分配。

  1. 责任链模式(Chain of Responsibility Pattern)
    通过一系列处理对象依次处理请求,直到有对象处理该请求为止。
  2. 命令模式(Command Pattern)
    将请求封装为对象,从而使得可以用不同的请求、队列、日志来参数化对象。
  3. 解释器模式(Interpreter Pattern)
    提供一个解释器来解释语言的语法,通常用于编译器或语法解析。
  4. 迭代器模式(Iterator Pattern)
    提供一种方法来顺序访问集合对象中的元素,而不暴露其底层表示。
  5. 中介者模式(Mediator Pattern)
    用一个中介对象来封装一组对象的交互,减少对象间的直接依赖。
  6. 备忘录模式(Memento Pattern)
    在不破坏封装的前提下,捕获对象的内部状态,以便在以后恢复它。
  7. 观察者模式(Observer Pattern)
    定义对象间的一对多依赖,当一个对象的状态改变时,依赖它的对象会自动收到通知。
  8. 状态模式(State Pattern)
    允许对象在内部状态改变时改变其行为。
  9. 策略模式(Strategy Pattern)
    定义一组算法,将每个算法封装起来,并使它们可以互换。
  10. 模板方法模式(Template Method Pattern)
    定义算法的框架,并将一些步骤延迟到子类中,使得子类可以重新定义算法的某些步骤。
  11. 访问者模式(Visitor Pattern)
    将操作与它们所作用的对象结构分离,使得可以在不改变对象的前提下定义新的操作。

四、并发型模式

JavaScript 是单线程的,但在异步编程场景下,也有一些设计模式来处理并发。

  1. 异步模式(Asynchronous Pattern)
    处理异步操作的模式,如 Promise、async/await 等。
  2. 发布-订阅模式(Publish-Subscribe Pattern)
    对象间通过发布事件和订阅事件进行通信,常用于事件驱动开发。
  3. 生产者-消费者模式(Producer-Consumer Pattern)
    处理异步任务队列中的任务,适用于任务生产者和消费者之间的解耦。

为什么要用设计模式?

  1. 解决常见问题:设计模式提供了一套经过验证的解决方案,帮助开发者解决在软件设计中遇到的常见问题和挑战。
  2. 提高代码复用性:设计模式通过提供标准的解决方案,使得代码更加模块化和可重用,减少了重复代码的编写。
  3. 增强代码可维护性:通过使用设计模式,代码结构更加清晰,易于理解和维护。设计模式通常会提供清晰的责任划分,使得修改和扩展变得更加简单。
  4. 促进团队协作:设计模式为开发团队提供了共同的语言和规范,使得团队成员在沟通和协作时能够更好地理解和讨论设计方案。
  5. 降低复杂性:设计模式通过抽象和封装将复杂的系统分解为更易管理的小部分,从而降低系统的复杂性。

什么时候要用设计模式?

  1. 遇到重复问题:当你发现自己或团队在多个项目中遇到类似的问题时,可以考虑使用设计模式来提供通用的解决方案。
  2. 需要改进现有设计:如果现有的系统设计存在问题,如难以扩展、难以理解或维护,使用设计模式可以帮助改进设计,使系统更加灵活和可维护。
  3. 面临设计决策:当你需要在多种设计方案中做出选择时,设计模式可以提供清晰的指导和参考,帮助你做出合适的决策。
  4. 系统需要适应变化:如果系统需要经常适应变化(如新功能、新需求),设计模式可以帮助你设计出更具扩展性和灵活性的系统。

怎么根据场景和需求决定用什么设计模式?

  1. 分析问题:首先明确你要解决的问题或需求。例如,是要处理对象创建、对象结构、还是对象之间的交互?
  2. 了解设计模式:熟悉各种设计模式的特点和用途,了解它们各自适用的场景。设计模式通常可以分为创建型、结构型、行为型和并发型等类别,每种类别中的模式都有其特定的应用场景。
  3. 匹配模式
    • 创建型模式:如果你需要控制对象的创建过程或希望实现对象的复用,可以考虑使用工厂模式、单例模式等。
    • 结构型模式:如果你需要处理对象之间的组合或扩展,可以使用适配器模式、装饰器模式等。
    • 行为型模式:如果你需要处理对象之间的交互和职责分配,可以考虑使用观察者模式、策略模式等。
    • 并发型模式:如果你需要处理异步任务或多线程操作,可以使用生产者-消费者模式、发布-订阅模式等。
  4. 考虑代码可维护性和灵活性:选择设计模式时,要考虑模式对代码的影响,包括如何提高代码的可维护性、扩展性和灵活性。
  5. 使用设计模式的原则
    • 简单性:选择最简单的设计模式来解决问题,避免过度设计。
    • 适配性:确保设计模式适合当前的需求,并能够与现有系统良好地集成。
    • 可测试性:选择设计模式时考虑系统的可测试性,确保系统的每个部分都能被有效测试。

通过以上步骤,你可以更好地根据具体场景和需求选择合适的设计模式,从而优化系统设计,提高代码质量。

相关文章:

js设计模式(26)

js设计模式(26) JavaScript 中常用的设计模式可以分为几大类,包括创建型模式、结构型模式和行为型模式。以下是它们的分类和常见设计模式的完整列表: 一、创建型模式 这些模式主要关注对象的创建方式,目的是降低系统耦合和复杂性。 工厂模…...

数据库中, drop、delete与truncate的区别?

在数据库中,drop、delete和truncate都可以用于删除数据,但它们之间有以下区别: 一、作用对象 drop:可以删除数据库对象,如表、视图、索引、存储过程等。例如:DROP TABLE table_name;可以删除名为 table_na…...

2024年项目经理不能错过的开源项目管理系统大盘点:全面指南

在2024年,随着项目管理领域的不断发展,开源项目管理系统成为了项目经理们提升工作效率的利器。本文将全面盘点几款备受推荐的开源项目管理系统,帮助项目经理们找到最佳选择,不容错过。 在项目管理日益复杂的今天,开源项…...

MATLAB基本语句

MATLAB语言为解释型程序设计语言。在程序中可以出现顺序、选择、循环三种基本控制结构,也可以出现对M-文件的调用(相当于对外部过程的调用)。 由于 MATLAB开始是用FORTRAN语言编写、后来用 C语言重写的,故其既有FORTRAN的特征,又在许多语言规…...

委托的注册及注销+观察者模式

事件 委托变量如果公开出去,很不安全,外部可以随意调用 所以取消public,封闭它,我们可以自己书写两个方法,供外部注册与注销,委托调用在子方法里调用,这样封装委托变量可以使它更安全,这个就叫…...

Jetpack02-LiveData 数据驱动UI更新(类似EventBus)

前提 LiveData使用了Lifecycle的生命周期,阅读本文前,请先了解Lifecycle源码。 简介 LiveData本质是数据类型,当改变数据的时候,会通知观察者,且只在界面可见的时候才会通知观察者。只能在主线程注册观察者&#xf…...

Redis 的 Java 客户端有哪些?官方推荐哪个?

Redis 官网展示的 Java 客户端如下图所示,其中官方推荐的是标星的3个:Jedis、Redisson 和 lettuce。 Redis 的 Java 客户端中,Jedis、Lettuce 和 Redisson 是最常用的三种。以下是它们的详细比较: Jedis: 线程安全&…...

工作笔记20240927——vscode + jlink调试

launch.json的配置,可以用的 {"name": "Debug","type": "cppdbg","request": "launch","miDebuggerPath": "./arm-gnu-toolchain-12.2.rel1-x86_64-arm-none-eabi/bin/arm-none-eabi-g…...

Python | Leetcode Python题解之第433题最小基因变化

题目: 题解: class Solution:def minMutation(self, start: str, end: str, bank: List[str]) -> int:if start end:return 0def diffOne(s: str, t: str) -> bool:return sum(x ! y for x, y in zip(s, t)) 1m len(bank)adj [[] for _ in ra…...

opengauss使用遇到的问题,随时更新

一、查看数据库状态的方式 1、gs_ctl -D /opt/huawei/install/data/dn/ status 2、gs_om -t status --detail 3、cm_ctl query -Cv二、opengauss打印WDR性能报告 1、开启WDR性能参数开关 gs_guc reload -N all -D /opt/huawei/install/data/dn -c "enable_wdr_snap…...

从环境部署到开发实战:消息队列 RocketMQ

文章目录 一、消息队列简介1.1 什么是消息队列1.2 常见消息队列对比1.3 RockectMQ 核心概念1.4 RockectMQ 工作机制 (★) 二、RocketMQ 部署相关2.1 服务器单机部署2.2 管控台页面 三、RocketMQ 的基本使用3.1 入门案例3.2 消息发送方式3.2.1 同步消息3.…...

【机器学习(九)】分类和回归任务-多层感知机(Multilayer Perceptron,MLP)算法-Sentosa_DSML社区版

文章目录 一、算法概念二、算法原理(一)感知机(二)多层感知机1、隐藏层2、激活函数sigma函数tanh函数ReLU函数 3、反向传播算法 三、算法优缺点(一)优点(二)缺点 四、MLP分类任务实现…...

渗透测试-文件上传绕过思路

文件上传绕过思路 引言 分享一些文件上传绕过的思路,下文内容多包含实战图片,所以打码会非常严重,可多看文字表达;本文仅用于交流学习, 由于传播、利用此文所提供的信息而造成的任何直接或者间接的后果及损失&#x…...

等保测评中的密码学应用分析

等保测评中密码学应用的分析 等保测评(信息安全等级保护测评)是中国信息安全领域的一项重要活动,旨在评估信息系统的安全性,并根据评估结果给予相应的安全等级。在等保测评中,密码学应用分析是评估信息系统安全性的关键…...

LCR 007. 三数之和

文章目录 1.题目2.思路3.代码 1.题目 LCR 007. 三数之和 给定一个包含 n 个整数的数组 nums,判断 nums 中是否存在三个元素 a ,b ,c *,*使得 a b c 0 ?请找出所有和为 0 且 不重复 的三元组。 示例 1&#xff1a…...

【入门01】arcgis api 4.x 创建地图、添加图层、添加指北针、比例尺、图例、卷帘、图层控制、家控件(附完整源码)

1.效果 2.代码 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title></title><link rel"s…...

STL迭代器标签

STL&#xff08;标准模板库&#xff09;迭代器标签是用来标识迭代器类型的分类机制。这些标签有助于确定迭代器的特性&#xff0c;比如它是否可以进行随机访问、是否支持修改元素等。主要的迭代器标签包括&#xff1a; Input Iterator&#xff1a;只读迭代器&#xff0c;可以顺…...

容器学习之SparseArray源码解析

1、SparseArray是android sdk 提供集合类&#xff0c;主要用来替换key 为int类型&#xff0c;value为Object类型的Hashmap 2、SparseArray和HashMap相比优缺点&#xff1a; 优点&#xff1a; 1、SparseArray存在一个int[]keys, 因此避免自动装箱 2、SparseArray扩容时只需要数…...

信创改造技术介绍

目录 服务发现和注册 Sentinel 核心功能 典型应用场景 gateway 网关的主要功能 Spring Cloud Gateway Kong Kong 的主要功能 Kong 的架构&#xff1a; Kong 的使用场景&#xff1a; Kong 的部署模式&#xff1a; 优势 Gateway与Sentinel区别 Gateway Sentinel …...

【可见的点——欧拉函数】

在数论&#xff0c;对正整数n&#xff0c;欧拉函数是小于或等于n的正整数中与n互质的数的数目&#xff08;不包括1&#xff09; 题目 思路 有三个点比较特殊&#xff08;因为一来这三个点一定可见&#xff0c;同时也无法用gcd 1判断&#xff09;&#xff1a;&#xff08;0&am…...

Maven重点学习笔记(包入门 2万字)

Maven依赖管理项目构建工具 尚硅谷 5h 2023最新版 一&#xff0c;Maven简介 1.为什么学习Maven 1.1, Maven是一个依赖管理工具 1️⃣ jar包的规模 随着我们使用越来越多的框架&#xff0c;或者框架封装程度越来越高&#xff0c;项目中使用的jar包也越来越多。项目中&…...

1.分页查询(后端)—— Vue3 + SpringCloud 5 + MyBatisPlus + MySQL 项目系列(基于 Zulu 11)

本手册是基于 Vue3 SpringCloud5 MyBatisPlus MySQL 的项目结构和代码实现&#xff0c;旨在作为一个教学案例进行讲解。为了使案例更具普适性&#xff0c;文档中的公司名称、实体类、表名以及字段名称等敏感信息均已脱敏。 项目结构概述 项目采用标准的分层架构&#xff0…...

机器学习与深度学习的区别:深入理解与应用场景

在人工智能&#xff08;AI&#xff09;的广阔领域中&#xff0c;机器学习和深度学习是两个核心概念&#xff0c;它们虽然紧密相关&#xff0c;但在定义、技术、数据处理能力、应用场景等方面存在显著差异。本文将深入探讨这些区别&#xff0c;帮助读者更好地理解并选择合适的技…...

C++学习笔记(45)

322、循环队列、信号量、生产/消费者模型的源代码 一、demo1.cpp // demo1.cpp&#xff0c;本程序演示循环队列的使用。 #include "_public.h" int main() { using ElemTypeint; squeue<ElemType,5> QQ; ElemType ee; // 创建一个数据元素。 cout << &qu…...

【2】图像视频的加载和显示

文章目录 【2】图像视频的加载和显示一、代码在哪写二、创建和显示窗口&#xff08;一&#xff09;导入OpenCV的包cv2&#xff08;二&#xff09;创建窗口&#xff08;三&#xff09;更改窗口大小 & 显示窗口&#xff08;四&#xff09;等待用户输入补充&#xff1a;ord()函…...

1. BOOT.BIN 2. 固化 3. 启动 4. SDK 5. 文件

在进行FPGA的开发与固化过程中&#xff0c;生成BOOT.BIN文件是一个重要的步骤。BOOT.BIN文件通常包含了系统启动所需的不同文件&#xff0c;以下是如何创建和使用该文件的详细说明。 ### 生成BOOT.BIN文件的步骤 1. **方法一&#xff1a;通过项目构建** - 右键单击项目&#xf…...

vue按钮接收键盘回车事件

了解了&#xff01;如果您想让 Submit 按钮在按下回车键时被触发&#xff0c;可以在 Vue 组件中监听全局的键盘事件。以下是实现这一功能的示例&#xff1a; 示例代码 <template><div><inputtype"text"v-model"inputValue"placeholder&qu…...

腾讯云点播及声音上传

文章目录 1、开通腾讯云点播2、获取腾讯云API密钥3、完成声音上传3.1、引入依赖3.2、参考&#xff1a;接入点地域3.3、参考&#xff1a;任务流设置3.4、首先修改配置&#xff1a;3.4.1、 3.5、TrackInfoApiController --》 uploadTrack()3.6、VodServiceImpl --》 uploadTrack(…...

如何查看服务器是否有raid阵列卡以及raid类型

要查看服务器是否配置了RAID阵列卡以及RAID的类型&#xff0c;可以使用多种方法。以下是一些常用的命令和步骤&#xff1a; 1. 使用 lspci 命令 这个命令可以列出所有的PCI设备&#xff0c;包括RAID控制器。 lspci | grep -i raid 如果输出中有RAID相关的设备信息&#xff0c;那…...

工博会动态 | 来8.1馆 看桥田如何玩转全场

北京时间2024年9月24日&#xff0c;中国国际工业博览会开幕&#xff0c;桥田智能&#xff08;8.1馆A001&#xff09;推出心意三重奏&#xff0c;有没有小伙伴们发现呢&#xff1f;现在&#xff0c;让我们一起city walk下&#xff01; 桥田显眼包横空出道 有小伙伴已经发现&…...