1、模块模式在立即执行函数表达式中定义的变量和方法，在该函数外部是访问不到的，只能通过该函数提供的接口，"有限制的"进行访问；通过函数的作用域，解决了属性和方法的封装问题。最常见的立即执行函数写法有以下两种： 模块模式代码： 2、构造函数模式 3、混合模式 4、工厂模式 5、单例模式 单例之间的通讯
转载
2019-02-17 13:24:00
52阅读
2评论
前端设计模式：提高代码可维护性和可扩展性的关键在前端开发中，随着项目规模的扩大和复杂性的增加，代码的可维护性和可扩展性成为了重要的问题。前端设计模式是一种解决这些问题的有效方法。本文将介绍前端设计模式的基本概念、目的和优点，并探讨几种常见的前端设计模式。一、前端设计模式概述前端设计模式是一种用于解决常见前端开发问题的可重复的解决方案。这些模式是经过实践验证的，可以提高代码的可维护性和可扩展性。前端
原创
2023-09-11 09:37:57
52阅读
为什么使用设计模式？设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了重用代码、让代码更容易被他人理解、保证代码可靠性。什么是设计模式设计模式构成：模式名称：模式的名字环境和问题：描述在什么环境下出现什么特 girl
原创
2023-02-24 12:11:00
112阅读
将new操作单独封装，遇到new时，就要考虑是否该用工厂模式 示例 你去购买汉堡，直接点餐，取餐，没必要自己亲手做（这就是一个初始化实例的封装） 商店要‘封装’做汉堡的工作，做好直接给买者 class Product { constructor(name) { this.name = name; }
转载
2019-10-29 07:06:00
116阅读
2评论
命令模式：执行命令时，发布者和执行者分开（比如老板和服务员，老板说谁谁谁去干什么，然后服务员就去干了，这适合人比较少，一吆喝就都知道了。如果是上千人，这样就不合适了，这个时候需要发布者和执行者分开）。中间加入命令对象，作为中转站。 比如战争片中，将军传递命令 class Receiver { exe
转载
2019-11-16 08:17:00
224阅读
2评论
策略模式：不同策略分开处理，避免出现大量 if...else 或者 switch...case class User { constructor(type) { this.type = type; } buy() { if (this.type 'ordinary') { console.log('
转载
2019-11-15 07:04:00
77阅读
2评论
状态模式：一个对象有状态变化，每次状态变化都会触发一个逻辑，不能总是用if...else来控制 比如红绿灯 uml类图 代码 // 状态（红灯，绿灯 黄灯） class State { constructor(color) { this.color = color; } // 设置状态 handle
转载
2019-11-13 07:20:00
322阅读
2评论
工厂模式是用来创建对象的一种最常用的设计模式。根据抽象程度的不同可以分为：简单工厂模式，工厂方法模式 和 抽象工厂模式。
原创
2021-08-31 10:28:55
610阅读
菜鸟看书的一点总结，请大佬给出宝贵意见创建型工厂模式创建对象的工厂，使用者不必关心对象生成的过程，也就是不需要显示的调用new 操作符，只需要调用对象工厂暴露出来的创建对象的方法，并传入需要创建的对象的类型；缺点是扩展该工厂需要往工厂里不断加入子类，会使代码越来越臃肿抽象工厂模式在工厂模式的基础上，有多个工厂，每个工厂负责创建同类型的对象， 抽象工厂实现了获取每个工厂实例的接口，使用者可以调用对应
转载
2021-05-21 09:44:06
129阅读
2评论
前端常见的设计模式主要有以下几种：1. 单例模式2. 工厂模式3. 策略模式4. 代理模式5. 观察者模式6. 模块模式7. 构造函数模式8. 混合模式
原创
2022-06-20 17:50:24
169阅读
创建型
工厂模式
创建对象的工厂，使用者不必关心对象生成的过程，也就是不需要显示的调用new 操作符，只需要调用对象工厂暴露出来的创建对象的方法，并传入需要创建的对象的类型；缺点是扩展该工厂需要往工厂里不断加入子类，会使代码越来越臃肿
抽象工厂模式
在工厂模式的基础上，有多个工厂，每个工厂负责创建同类型的对象， 抽象工厂实现了获取每个工厂实例的接口，使用者可以调用对应的方法获取对应类型工
转载
2021-07-05 11:54:07
131阅读
设计模式是解决软件开发中常见问题的可复用解决方案，是经过长期实践总结的代码设计经
中介者模式 如图，左边的这种相互的沟通会非常出杂乱，复杂。严重不符合开放封闭原则，其中一个对象改了，就牵扯到很多的对象。右边的，如果一个对象改了，只要改中介者就行 举个例子：比如买房子，a，b分别是买房子和卖房子的两个人 // 中介者 class Mediator { constructor(a,
转载
2019-11-16 21:06:00
164阅读
2评论
装饰器模式：为对象添加新功能，不改变其原有的结构和功能 适配器模式是原有的不能用了，要重新封装接口。装饰器模式是原有的还能用，但是需要新增一些东西来完善这个功能 比如手机壳，手机本身的功能不受影响，手机壳就是手机的装饰器模式 uml类图 代码 class Circle { draw() { cons
转载
2019-11-03 10:03:00
165阅读
2评论
限制类实例化次数只能一次，一个类只有一个实例，并提供一个访问它的全局访问点。适用于单一对象，只生成一个对象实例，避免频繁创建和销毁实例，减少内存占用。不适用动态扩展对象，或需创建多个相似对象的场景。
原创
2021-08-31 10:27:40
132阅读
发布-订阅模式: 发布-订阅模式又叫做观察者模式,定义了对象之间一对多的依赖关系,当一个对象的状态发生改变时,所有依赖与它的对象都将得到通知. 发布-订阅模式广泛应用于异步编程之中,是一种替代回调函数的方案.多个事件处理函数可以订阅同一个事件,当该事件发生后,与其相对应的多个事件处理函数都会运行 取
转载
2019-11-12 23:56:00
89阅读
前情 在前端开发越来越复杂的今天，越来越需要一些设计模式来提高开发质量和效率 定义 属于创建型模式，把对象的实现和创建相分离，我们在创建对象时不会对客户端暴露创建逻辑，并且是通过使用一个共同的接口来指向新创建的对象。 代码演示 通过不同参数生成不同的对象返回 class Dog { construc ...
转载
2021-09-16 19:44:00
83阅读
2评论
设计模式 模式动机 在工厂方法模式中具体工厂负责生产具体的产品，每一个具体工厂对应一种具体产品，工厂方法也具有唯一性
原创
2022-06-20 17:51:23
98阅读
