我的编程空间,编程开发者的网络收藏夹
学习永远不晚

JavaScript常用设计模式有哪些

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

JavaScript常用设计模式有哪些

这篇文章主要为大家展示了“JavaScript常用设计模式有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript常用设计模式有哪些”这篇文章吧。

设计模式

设计模式是一种在长时间的经验与错误中总结出来可复用的解决方案

设计模式主要分为三类:

创造型设计模式 : 专注于处理对象的创建

Constructor构造器模式、Factory工厂模式,Singleton单例模式、builder生成器模式

构造型设计模式 : 对象间组合,简历对象之间的关系

Decorator装饰者模式、Facede外观模式、Flyweight享元模式、Adapter适配器模式,Proxy代理模式

行为设计模式:简化和改善对象间的通信

Mediator中介者模式、Observer观察者模式 

常用的设计模式 

1、观察者模式

一个目标对象维持着一系列依赖于它的对象,将有关状态的任何变更自动通知观察者们。在观察者模式中,观察者需要直接订阅目标对象。观察者与目标对象之间有一定的依赖关系。

有4个重要的概念

1>目标对象(被观察者):维护一组观察患者,提供管理观察者的方法。

2>观察者:提供一个更新接口,用于收到通知时,进行更新

3>具体目标对象:代表具体的目标对象

4>具体观察者:代表具体的观察者

JavaScript常用设计模式有哪些

JavaScript常用设计模式有哪些

2、发布、订阅模式

发布订阅模式可以说是观察这模式的一种变体,一种实现。它使用一个主题/事件通道,介于发布者和订阅者之间,避免了发布者和订阅者之间的依赖关系。

JavaScript常用设计模式有哪些

3、工厂模式


JavaScript常用设计模式有哪些 
工厂函数提供了一个通用的接口来创建对象,我们可以指定我们希望常见的对象类型,我们通知工厂函数需要什么类型的对象并提供对应的数据,返回对应的实例。 

何时使用工厂模式

1>当我们的对象比较复杂的时候

2>当我们需要根据不同情况创建不同对象实例的时候

3>当我们需要创建许多相似对象的时候

缺点:使用不当会增加程序的复杂度

4、抽象工厂模式

抽象工厂模式,将对象的实现细节抽离出来。适用于需要和多种对象一起工作的场景。


JavaScript常用设计模式有哪些 

5、单例模式

单体模式思想在于保证一个特定类仅有一个实例,意味着但当你第二次使用同一个类创建新对象时,应得到和第一次创建对象完全相同。(限制一个类只有一个实例化对象。)

JavaScript常用设计模式有哪些

6、中介者模式

中介者模式就是提供一个中心点给系统不同组件之间进行通信,降低系统组件之间的耦合程度。

//实现与发布/订阅模式类似

观察者模式和发布订阅模式专注于维护目标对象和观察者之间的关系,当主题对象发生变化时,通知所有对改主题感兴趣的观察者。而中介者模式的话,专注于限制对象的通信必须通过中介者来通信。两者都提倡耦合。

7、装饰者模式

装饰者模式,通过一个装饰类对现有动态添加行为,以及对原有行为进行装饰。

JavaScript常用设计模式有哪些

8、适配器模式

使用一个新的接口对现有的接口进行包装,处理数据与接口的不匹配

JavaScript常用设计模式有哪些

以上是“JavaScript常用设计模式有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

JavaScript常用设计模式有哪些

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

Java常用的设计模式有哪些

小编给大家分享一下Java常用的设计模式有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Java常用的五种设计模式:1、单例设计模式;2、工厂设计模式;3、代
2023-06-14

常用的Android设计模式有哪些

常用的Android设计模式有以下几种:1. MVC模式(Model-View-Controller):将应用程序分为三个部分,即数据模型、视图和控制器。数据模型负责存储数据,视图负责显示数据,控制器负责处理用户的输入和更新数据模型。2.
2023-09-26

Java常见设计模式有哪些

这篇文章主要介绍Java常见设计模式有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!一、设计模式总述:1、什么是设计模式:设计模式是一套经过反复使用的代码设计经验,目的是为了重用代码、让代码更容易被他人理解、保证
2023-06-29

php常见设计模式和用途有哪些

PHP常见的设计模式有以下几种:1. 工厂模式(Factory Pattern):用于创建对象,隐藏对象创建的具体细节,客户端只需要通过工厂来创建对象,不需要直接调用构造函数。2. 单例模式(Singleton Pattern):确保一个类
2023-09-29

java设计模式有哪些

设计模式(Design pattern)是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。 总体来说设计模式分为三大类23种:创建型模式,共五种:工厂方法模式、抽象工厂模式
java设计模式有哪些
2015-05-18

laravel设计模式有哪些

Laravel设计模式有以下几种:1. MVC模式(Model-View-Controller):Laravel框架基于MVC模式进行开发,将应用程序分为模型、视图和控制器,实现业务逻辑、数据展示和用户交互的分离。2. 仓储模式(Repos
2023-09-29

java中有哪些设计模式

java中有哪些设计模式?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。Num1:单例模式基本概念:保证一个类仅有一个实例,并提供一个访问它的全局访问点。常见写法:饿汉式publ
2023-06-15

网站的导航设计有哪些常见模式

顶部导航栏:通常位于网页的顶部,包含网站的主要链接和页面分类。侧边导航栏:位于网页的一侧,包含网站的主要链接和页面分类。底部导航栏:位于网页底部,包含网站的重要链接和页面分类。面包屑导航:显示用户当前页面在网站层次结构中的位置,帮助用户快速
网站的导航设计有哪些常见模式
2024-04-17

Python中有哪些设计模式

Python中有哪些设计模式,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。目前的功能可以增加功能块可以增加连接线可以移动功能块可以输出JSON格式将来的功能支持基本的演算功
2023-06-19

spring的设计模式有哪些

这篇文章主要讲解了“spring的设计模式有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“spring的设计模式有哪些”吧!1. 简单工厂又叫做静态工厂方法(StaticFactory
2023-06-03

编程热搜

目录