文章 2022-12-05 来自:开发者社区

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

什么是设计模式?在软件设计过程中,针对特定问题的简洁而优雅的解决方案。经验总结 ——> 合理运用 ——> 解决问题SOLID 五大设计原则S 单一职责原则(一个程序只做好一件事)O 开放封闭原则(对扩展开放,对修改封闭)L 里氏置换原则(子类能覆盖父类,并能出现在父类出现的地方)I 接口独立原则(保持接口的单一独立)D 依赖导致原则(使用方法只关注接口而不关注具体类的实现)为什么需要....

【青训营】-JavaScript中的设计模式
文章 2022-11-30 来自:开发者社区

JavaScript设计模式-职责链模式(22)

职责链设计模式是一种链式调用操作的设计模式,由于其使用可以接收上一个数据,且传递给下一个类型,所以被称为链式调用操作在我们业务中常见的职责链模式有:作用域链,原型链,DOM节点中的事件冒泡以及处理多个请求的状态下,这些都可以在他们身上看到职责链设计模式职责链案例我们来做一个案例,当地汽车经销商做了一个活动,在活动当天缴纳200元汽车定金可在购车时抵1000元,缴纳400元汽车定金可在购车时抵20....

文章 2022-11-30 来自:开发者社区

JavaScript设计模式-原型模式(21)

原型设计模式指的是创建对象的一种方式,该设计模式用于创建重复的对象,减少了创建对象的代价且提高了代码运行效率,也可以说是创建对象的最佳方式。原型设计模式的关键在于克隆,也可以说基于已创建好的对象,进行克隆出来一个新的对象。我们也可以对克隆出来的新对象进行修修改改,而不用在从头再来创建新对象并进行配置。原型设计模式在业务中常用于页面有很多焦点图的功能,由于焦点图功能相似,此时我们就可以采用该设计模....

文章 2022-11-30 来自:开发者社区

JavaScript设计模式-备忘录模式(20)

备忘录设计模式是指当我们执行某些操作的时候,能够将我们执行的操作保存在内存中,这样我们能够随时通过某些特定操作来查看以及恢复之前的操作,通俗的讲,它就是通过某种方式捕获到我们操作并保存起来,然后再我们之后想恢复即可使用某一方式进行恢复备忘录设计模式在生活中十分常见,比如我们和小伙伴们一块下五子棋,通过向对方请求可以完成撤销回退棋子的操作和我们手机里面的计算器通过计算得到的结果,我们也可以通过查看....

文章 2022-11-30 来自:开发者社区

JavaScript设计模式-享元模式(19)

享元设计模式是用于性能优化的模式,这种设计模式的核心在于可以共享技术并支持对大量细分过后的对象进行调整,如果系统中因为创建大量类似的对象而导致内存占用过高,享元设计模式在其中就会起到非常重要的作用,因为它可以使其减少重复创建相同类似的实例对象。在JavaScript中浏览器特别是移动端的浏览器部分所能够使用的内存并不是很多,所以在其中节省内存就变得至关重要案例假设有一个服装厂,目前的产品拥有20....

文章 2022-11-30 来自:开发者社区

JavaScript设计模式-迭代者模式(18)

迭代器设计模式是指提供一个方法去访问一个有序复杂数据,这些数据在内部有可能会用复杂的结构进行存储,我们可以通过方法进行访问这种数据的内部的每一个元素,使用该数据无需知道是如何拿到的,只要能够进行操作即可迭代器设计模式在生活中的运用在生活中我们可以用收音机来表示迭代器设计模式,用户搜索到广播电台,然后从某个广播电台开始,通过向前向后的按钮进行控制遍历收听所有的广播频道,我们也可以以音乐播放器为例子....

文章 2022-11-30 来自:开发者社区

JavaScript设计模式-外观模式(17)

外观设计模式可以使方法保持简洁而不繁重,不需要去处理过多的工作量。它在做一些重新设计和重构代码工作时十分受用,当你想使用一个不同的实现来替换掉某一个对象时,可能会需要很长时间去完成一个复杂的对象,同时之前使用该对象的方法也会被重新编写,此时我们可以先想好新的方法,旧对象结合外观设计模式使用,在完全替换掉旧对象的时候,我们只需要修改少量代码就可以进行使用了外观设计模式在生活中的应用就是我们程序员启....

文章 2022-11-30 来自:开发者社区

JavaScript设计模式-组合模式(16)

组合设计模式是用于将多个部分通过组合的方式行成一个整体,就比如我们去吃饭,点了一份米饭和一份鱼香肉丝,这些东西可以看成一个部分,通过组合的方式可以组成一个新的产品,鱼香肉丝盖饭,这就是组合设计模式组合设计模式的业务场景表单用于收集用户数据,比如登录,注册,或者一些信息填报,由于这些表单都是类似的,如果我们一个一个去做,里面充满了很多重复的东西,增加了工作量,我们可以使用组合设计模式组合设计模式小....

文章 2022-11-30 来自:开发者社区

JavaScript设计模式-命令模式(15)

命令设计模式是由三部分构成:发令者:用于发出命令和调用命令,不知道如何执行且谁去执行执行者:用于提供对应接口发出的命令的处理请求,不知道谁发出的命令命令对象:用于接收命令且处理执行者的请求把执行操作和稍后执行事件信息存在命令对象中,通过发令者发布命令来让执行者进行执行,从而达到了执行者和发令者分离开来,使代码耦合度降低生活中的命令设计模式在生活中,我们去饭馆吃饭,我们先告诉服务员我们想要吃那些菜....

文章 2022-11-30 来自:开发者社区

JavaScript设计模式-中介者模式(13)

中介者设计模式是指通过一个中介者对象封装一系列的对象交互,中介者对象可以让每个对象不需要显式地相互引用,从降低耦合度,当其中一个对象发生改变时,只需要通知中介者对象即可生活中的中介者在生活中我们也经常使用到中介者设计模式,例如,医院的120急救中心调度站,当我们打电话给120急救中心时,急救中心120调度员接到电话会指派最近的急救车辆去我们身边,急救车辆只需要和急救中心调度台通信就能确定路线和需....

JavaScript设计模式-中介者模式(13)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注