JavaScript设计模式之策略模式的实现方法

这篇文章主要讲解了JavaScript设计模式之策略模式的实现方法，内容清晰明了，对此有兴趣的小伙伴可以学习一下，相信大家阅读完之后会有帮助。

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名与空间、虚拟空间、营销软件、网站建设、霍城网站维护、网站推广。

策略模式的定义

定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。

举个例子：表单校验

在一个Web项目中，注册、登录等功能的实现都离不开表单提交。表单校验也是前端常常需要做的事。假设我们正在编写一个注册的页面，在点击提交按钮之前，有如下几条校验逻辑:

• 用户名不可为空，不允许以空白字符命名，用户名长度不能小于2位。
• 密码长度不能小于6位。
• 正确的手机号码格式。

也许，一开始我们会这么写：

  
  


  

    用户名：
    密码：
    手机号码：
    提交
  
  

这是一种很常见的编码方式，但它有很明显的缺点：

• registerForm.onsubmit 函数比较庞大，包含了很多if语句，这些语句要覆盖所有的校验规则。
• 若校验规则有变，不得不深入到registerForm.onsubmit 函数的内部实现，违反开放-封闭原则。
• 算法的复用性差。

下面，让我们来用策略模式重构表单校验

策略模式：表单校验

  
  


  

    用户名：
    密码：
    手机号码：
    提交
  
  

策略模式优缺点

策略模式是一种常用且有效的设计模式。

• 策略模式可以有效避免多重条件选择语句。
• 策略模式提供了对开放-封装原则的完美支持，将方法封装在独立的strategy中，使得它们易于切换，易于理解，易于扩展。
• 复用性高。

当然，策略模式也有一些缺点

• 增加了许多策略类或者策略对象。
• 要使用策略模式，必须了解所有的strategy，违反了最少知识原则。

看完上述内容，是不是对JavaScript设计模式之策略模式的实现方法有进一步的了解，如果还想学习更多内容，欢迎关注创新互联行业资讯频道。