首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

JavaScript 设计模式系列 - 策略模式与动态表单验证

运行结果如下图: image.png 4.2 表单验证 除了表格中的 formatter 之外,策略模式也经常用在表单验证的场景,这里举一个 Vue + ElementUI 项目的例子,其他框架同理...我们可以像官网示例一样把表单验证都写在组件的状态 data 函数中,但是这样就不好复用使用频率比较高的表单验证方法了,这时我们可以结合策略模式和函数柯里化的知识来重构一下。...首先我们在项目的工具模块(一般是 utils 文件夹)实现通用的表单验证方法: // src/utils/validates.js /* 姓名校验 由2-10位汉字组成 */ export function...[a-zA-Z0-9_-]+)+$/ return reg.test(str) } 然后在 utils/index.js 中增加一个柯里化方法,用来生成表单验证函数: // src/utils/...代码实例可以参看 codesandbox - 策略模式表单验证实战 运行结果: image.png 5.

1.5K20

「JavaScript 设计模式系列」 策略模式与动态表单验证

运行结果如下图: 4.2 表单验证 除了表格中的 formatter 之外,策略模式也经常用在表单验证的场景,这里举一个 Vue + ElementUI 项目的例子,其他框架同理。...我们可以像官网示例一样把表单验证都写在组件的状态 data 函数中,但是这样就不好复用使用频率比较高的表单验证方法了,这时我们可以结合策略模式和函数柯里化的知识来重构一下。...首先我们在项目的工具模块(一般是 utils 文件夹)实现通用的表单验证方法: // src/utils/validates.js /* 姓名校验 由2-10位汉字组成 */ export function...[a-zA-Z0-9_-]+)+$/ return reg.test(str) } 然后在 utils/index.js 中增加一个柯里化方法,用来生成表单验证函数: // src/utils/...代码实例可以参看 codesandbox - 策略模式表单验证实战 运行结果: 5.

83720

JS单例模式策略模式

策略模式详解实现方式策略模式允许你定义一系列算法,并将每个算法封装成一个独立的策略对象。...executeStrategy('add', 5, 3); // 结果为 8const result2 = executeStrategy('multiply', 4, 6); // 结果为 24应用场景策略模式适用于以下情况...:条件处理:当有多种条件下需要选择不同的处理方式时,使用策略模式能使代码更清晰。...表单验证:针对不同的输入字段,可以定义不同的验证策略。排序算法:在对数据进行排序时,可以根据不同的策略(快速排序、冒泡排序等)选择不同的算法。...总结单例模式用于确保只有一个实例存在,而策略模式用于在运行时选择算法。它们都是为了解决不同类型的问题而设计的模式,可以帮助提高代码的灵活性和可维护性。

12720

JS常用设计模式解析02-策略模式

使用策略模式实现表单校验 表单校验是一个很常见的需求,假设你需要为一个网站编写注册模块。...算法的复用性差,如果在程序中增加了另外一个表单,这个表单也需要进行一些类似的校验,那么我们很可能随处都可见这些校验逻辑规则的复制。 下面,我们使用策略模式来实现表单校验。 <!...动态类型下的策略模式 我们说过,JS是动态类型的,函数接受的参数并没有限制类型,所以,我们其实不必要把策略都封装在一个对象中。...策略模式的优缺点和使用 策略模式的优点: 策略模式利用组合,委托和多态等技术思想,可以避免多重条件语句。...总体来说,使用策略模式来消除众多的条件分支是利大于弊的。在JS中,使用策略模式有时是隐形的,不必要将策略放在特殊的类或者对象中,其策略往往是一个个单独的函数。

76530

js 函数如何实现策略模式与状态模式

前言 有关设计模式的学习资料中,大部分都是以 java 语言实现的,毕竟 java 作为老牌面向对象的语言最能说明设计模式的核心概念,所以 js 的相关设计模式的学习资料也大多使用 class 类实现...,本文记录下 js 使用函数实现策略模式和状态模式设计模式的方式,更有助于理解策略模式和状态模式如何在实际工作中运用。...策略模式 【同样的事情】策略模式更侧重于根据具体情况选择策略,做同样的事情; 【可替换】策略模式各个策略之间是可替换的,平等又平行,互相之间没有任何联系,需熟知各个策略、各类的作用,以便随时切换算法;...【封装算法和策略策略模式封装算法或策略; 【策略可重用】策略模式通过从Context中分离出策略或算法,我们可以重用它们; 【不持有context】但是每个策略都不持有Context的引用,它们只是被...context持有对某个策略对象的引用。 状态模式关注于对象的状态转换,而策略模式关注于将算法或行为封装到策略对象中,以便在运行时动态替换。

16410

设计模式策略模式_策略模式和状态模式

概述 在策略模式(Strategy Pattern)中,一个类的行为或其算法可以在运行时更改。这种类型的设计模式属于行为型模式。...在策略模式中,我们创建表示各种策略的对象和一个行为随着策略对象改变而改变的 context 对象。策略对象改变 context 对象的执行算法。...策略模式旨在解决不同逻辑下相同的对象执行不同策略的问题。...当我们遇到同一个方法,里面会根据需要多个逻辑的分支,分支里的行为都不同,但是都服务于同一个功能,这个时候就可以使用策略模式,将行为抽象为一个策略接口中的抽象方法,由接口的实现类——也就是策略类——去实现各中具体的行为...策略模式也是一种比较常见且好用的设计模式,线程池的拒绝策略就使用了策略模式

79220

策略模式

策略模式让算法独立于使用它的客户而变化。...——《设计模式:可复用面向对象软件的基础》 图示 策略模式结构图: 角色 策略模式有三个角色,分别是: 抽象策略角色(Strategy):是所有具体策略类共同的接口 具体策略角色(ConcreteStrategy...今天写策略模式时,忽然想到了这个。 渣男有一个葵花宝典,面对不同的女性,使用不同的套路,只为得到女人的心。面对拜金女,显示自己的有钱,买金卖银。面对爱才女,写诗写词。...在Spring中的策略模式: 依赖注入时,Spring IoC容器会应用策略模式选择使用哪种策略。 还有Spring IoC容器在运行时决定在开发环境使用H2数据源,在生产环境MySQL。...) 策略模式会产生很多策略类,多后期学习维护增加一定难度 总结 策略模式封装算法,提供给上下文选择使用,客户端无需关心算法具体逻辑,无需关系关系算法更替,但是使用前需要知道具体策略类。

29720

策略模式

策略模式定义: 策略模式定义了一系列的算法,并将每一个算法封装起来,而且使它们还可以相互替换,策略模式让算法独立于使用它的客户而独立变化。...策略模式是一种定义一系列算法的方法,从概念上来看,所有这些算法完成的都是相同的工作,只是实现不同,它可以以相同额方式调用所有的算法,减少了各种算法类与使用算法类之间的耦合。 策略模式UML类图: ?...具体实例如下(一个超市促销时采用不同的策略,比如打折,返利等): 抽象策略类 namespace DesignPattern.策略模式 { //现金收费抽象类 abstract class...namespace DesignPattern.策略模式 { //正常收费子类 class CashNormal : CashSuper { public override...多个类只区别在表现行为不同,可以使用Strategy模式,在运行时动态选择具体要执行的行为。 2. 需要在不同情况下使用不同的策略(算法),或者策略还可能在未来用其它方式来实现。 3.

60910

策略模式

策略模式(Strategy Pattern) 给一个对象(context )以不同的策略(Strategy ),该对象就会执行不同的策略算法,这里需要三个对象 策略算法接口 每个算法的具体实现 Context...流程 2.1 策略算法接口 public interface Strategy { abstract void travel(); } 2.2 策略算法的具体实现 坐飞机 public class...this.st = st; } public void Setout(){ System.out.println("Coneext去旅游——————策略算法为...-------------"); Context c2 = new Context(new train()); c2.Setout(); } Coneext去旅游——————策略算法为...: 坐飞机 ------------------------------ Coneext去旅游——————策略算法为: 坐火车 说到底策略模式和装饰者模式还是有很大的相似性,都是通过包装来实现----装饰者模式

40410

策略模式

在设计模式中,可以使用工厂模式或者策略模式来处理这类问题,之前已经分享了工厂模式,感兴趣的同学可以去复习一下。...设计模式系列往期文章: 单例模式 工厂模式 流程引擎 建造者模式 原型模式 责任链模式 观察者模式 那么工厂模式策略模式有什么区别呢?...策略模式是属于行为型设计模式,主要是针对不同的策略做出对应行为,达到行为解偶 本次就来具体聊聊策略模式它是如何做到行为解耦 大纲 ? 定义 什么是策略模式?它的原理实现是怎么样的?...首先都是类似于这样定义一个线程池,里面实现线程池的异常策略。 这个线程池的异常策略就是用的策略模式的思想。 ?...业务改造举例 在真实的业务场景中策略模式也还是应用很多的。

43220
领券