javascript设计模式--策略模式
javascript策略模式总结
1.什么是策略模式?
策略模式的定义是:定义一系列的算法,把他们独立封装起来,并且可以相互替换。
例如我们需要写一段代码来计算员工的奖金。当绩效为a时,奖金为工资的5倍,绩效为b时,奖金为工资的3倍,绩效为c时,奖金为工资的1.5倍:
var strategy = {
"a":function(salary){
return salary*5;
},
"b":function(salary){
return salary*3;
},
"c":function(salary){
return salary*1.5;
}
};
var calculate = function(levle,salary){
return strategy[levle](salary);
}
//a级奖金
calculate('a',15000);
上面例子中,各种绩效对应着不同的算法,因此把他们封装在strategy里。calculate负责接受请求,然后把请求委托给指定的
策略类。这种实现方式,就是策略模式。
2.策略模式的优势
看回上面的例子,具体的算法和接受请求的函数是相互独立的,当我们需要添加新的等级d时,只需要在strategy
中添加相应的算法就可以了,不需要修改到calculate
,十分的灵活。
3.策略模式的使用
如果策略模式仅仅是用来封装算法,可能有点小才大用了。在实际开发中,可以用来封装一系列的业务规则,并且灵活的调用它们。
例如在表单验证
中,就常常会使用到策略模式。
var strategy = {
isNotEmpty:function(val,errorMsg){ //不为空
if(val === ""){
return errorMsg;
}
}
isMobile:function(val,errorMsg){ //手机号
if(!/^1[3|5|8][0-9]{9}$/.test(val)){
return errorMsg;
}
}
}
//实现validator,负责接收请求。
var Validator = function(){
this.cache = [];
};
Validator.protype.add = function(dom,rule,errorMsg){
this.cache.push(function(){
return strategy[rule](dom.value,errorMsg);
})
};
Validator.protype.start = function(){
var len = this.cache.length;
for(var i = 0 ; i<len; i++){
var msg = this.cache[i];
if(msg){
return msg;
}
}
};
var validatorFun = function(){
var validator = new Validator();
validator.add($("#username"),'isNotEmpty','用户名不为空');
validator.add($("#mobile"),'isMobile','手机号码格式错误');
var errorMsg = validator.start();
return errorMsg;
};
//调用验证
var errormsg = validatorFun();
if(errormsg){
alert(errormsg);
return false;
}
> 使用策略模式之后,我们可以用过配置strategy
来添加验证规则,可以很好的进行复用,避免了很多条件选择语句和代码的复制粘贴。
原文链接:javascript设计模式--策略模式
javascript设计模式--策略模式的更多相关文章
- javascript 设计模式-----策略模式
在<javascript设计模式>中,作者并没有向我们介绍策略模式,然而它却是一种在开发中十分常见的设计模式.最常见的就是当我们遇到一个复杂的表单验证的时候,常常需要编写一大段的if和el ...
- javascript设计模式——策略模式
前面的话 在程序设计中,常常遇到类似的情况,要实现某一个功能有多种方案可以选择.比如一个压缩文件的程序,既可以选择zip算法,也可以选择gzip算法.这些算法灵活多样,而且可以随意互相替换.这种解决方 ...
- javascript设计模式-策略模式
策略模式笔记 将定义的一组算法封装起来,使其相互之间可以替换. 封装的算法具有一定独立性,不会随客户端变化而变化. 与状态模式异同? 1. 结构上看,它与状态模式很像,也是在内部封 ...
- JavaScript设计模式 - 策略模式(表单验证)
表单提交的时候,总是要校验,不同的表单可能校验相同的功能. 为了避免代码重复的复制黏贴,使用策略模式,写出来的代码赏心悦目,且可扩展,还可以作为插件到处使用 <!DOCTYPE html> ...
- JavaScript实现策略模式
在开篇之前先分享今天看到的一句关于设计模式的话:将不变的部分和变化的部分隔开是每个设计模式的主题 请大家自行感受这句话的精髓所在,并且思考学习设计模式究竟能给我们编程带来什么样的东西,欢迎大家在文章下 ...
- JS设计模式——策略模式
设计模式高大上,业务代码用不上...平时用不上我们就可以忽略了吗? 非也,就像面试造火箭,工作拧螺丝一样.万一我们公司哪天要造火箭了,你得立马能上手. 同时,有些复杂的业务代码也可以用设计模式的思想去 ...
- 15. 星际争霸之php设计模式--策略模式
题记==============================================================================本php设计模式专辑来源于博客(jymo ...
- [.net 面向对象程序设计深入](24)实战设计模式——策略模式(行为型)
[.net 面向对象程序设计深入](24)实战设计模式——策略模式(行为型) 1,策略模式定义 策略模式定义了一系列的算法,并将每一个算法封装起来,而且使它们还可以相互替换.策略模式让算法独立于使用它 ...
- linkin大话设计模式--策略模式
linkin大话设计模式--策略模式 Strategy [ˈstrætədʒi] 策略 策略模式用于封装系列的算法,这些算法通常被封装在一个称为Context的类中,客户端程序可以自由的选择任何一种 ...
- [.net 面向对象程序设计深入](26)实战设计模式——策略模式 Strategy (行为型)
[.net 面向对象程序设计深入](26)实战设计模式——策略模式 Strategy (行为型) 1,策略模式定义 策略模式定义了一系列的算法,并将每一个算法封装起来,而且使它们还可以相互替换.策略模 ...
随机推荐
- Nginx_安全1
Nginx 安全 nginx隐藏版本号 # 在Nginx的配置文件中进行修改,增加下面这个. server_tokens on; nginx对IP和目录限速 # Nginx可以通过HTTPLimitZ ...
- spring自带的定时任务功能,基于注解和xml配置
1.spring的配置文件 <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi=&quo ...
- pycharm debug的操作
###################################### """ pycharm的debug按钮是右上角的一个小虫子, debug,要打断点,debu ...
- 信息检索盛会 微软“领衔主演”——记ACM SIGIR 2013信息检索国际会议
微软"领衔主演"--记ACM SIGIR 2013信息检索国际会议" title="信息检索盛会 微软"领衔主演"--记ACM SIGIR ...
- Eclipse 快捷键(mac)
Option + Command + X: 运行Command + O:显示大纲Command + 1:快速修复Command + D:删除当前行Command + Option + ↓:复制当前行到 ...
- K-th K
题目描述 You are given an integer sequence x of length N. Determine if there exists an integer sequence ...
- Fiddler发送post请求 出现503
- C++头文件和std命名空间
C++ 是在C语言的基础上开发的,早期的 C++ 还不完善,不支持命名空间,没有自己的编译器,而是将 C++ 代码翻译成C代码,再通过C编译器完成编译.这个时候的 C++ 仍然在使用C语言的库,std ...
- python面向对象类的约束和设计的统一化规范
.封装 定义:将一些东西内容封存到一个地方,你还可以再取出, 类设置静态属性,设置一些方法 对象可以在其对象空间中封装一些属性 2.多态 定义:一个事物的多种形态 就想a可以是一个字符串,可以是一个列 ...
- Fault Domain深入分析