美文网首页
JavaScript设计模式:策略模式——表单验证

JavaScript设计模式:策略模式——表单验证

作者: peppermint_egg | 来源:发表于2017-05-10 17:05 被阅读238次

策略模式的定义:定义一系列的算法,把它们一个个封装起来,并且使它们可以相互替换。

将不变的部分和变化的部分隔开是每个设计模式的主题,策略模式也不例外,策略模式的目的就是将算法的使用与算法的实现分离开来。我们用很常见的表单验证来学习一下策略模式

首先,写一个表单,大致如下,我只是讲讲思路,不必抠字眼!

接下来,我们看一下最常见验证表单的方法:

下面我们用策略模式来重构表单校验的代码,显然我们第一步把校验逻辑封装成策略对象

接下来我们实现一个Validator类,Validator类在这个作为Context,负责接收用户的请求并委托给strategy对象。

大体我们已经写好了,接下来我们实现用户如何向Validator类发送请求

看到这,大家明白了吗?

相关文章

  • JavaScript设计模式:策略模式——表单验证

    策略模式的定义:定义一系列的算法,把它们一个个封装起来,并且使它们可以相互替换。 将不变的部分和变化的部分隔开是每...

  • 设计模式之策略模式

    @(前端)[设计模式,JavaScript,TypeScript] 策略模式解决的问题:策略模式要解决的问题是,代...

  • 策略模式-表单验证

    策略模式:定义一系列的算法,把它们一个个封装起来,并且使它们可以相互替换。  在使用策略模式的过程中,选择某种策略...

  • JS设计模式一 基础篇

    参考(JAVASCRIPT设计模式 张容铭)1.需求:验证表单,仅验证用户名,邮箱,密码大部分人首先想到的就是下面...

  • javaScript策略模式实现表单验证学习

    策略模式定义:定义一系列的算法,把它们一个个封装起来,并且使它们可以互相替换。 用策略模式实现表单验证: 使用策略...

  • 用AOP装饰函数,实现插件式表单验证

    之前用策略模式实现了表单的验证,现在学习了装饰模式发现实现表单验证更简洁,意图和目的更明确。 下面来看一下,装饰函...

  • JavaScript设计模式——策略模式

    策略模式是JavaScript设计模式中行为型的设计模式;定义: 定义一系列算法,并将这些算法各自封装成策略类(方...

  • javascript 如何利用 策略模式 优化表单验证

    背景 在做移动端项目开发的时候,经常会遇到各种表单验证,有时候不同的页面,验证规则是一样的 ,如图 之前项目里的验...

  • javascript设计模式——策略模式

    策略模式:将定义的一组算法封装起来,使其互相之间可以替换。封装的算法具有一定独立性,不会随客户端变化而变化。 使用...

  • 策略模式【javascript设计模式】

    胡居仁:苟有恒,何必三更眠、五更起;最无益,莫过一日曝、十日寒 俗话说,条条大路通罗马,当我们想要成功完成一件事情...

网友评论

      本文标题:JavaScript设计模式:策略模式——表单验证

      本文链接:https://www.haomeiwen.com/subject/qasgtxtx.html