轻松掌握JavaScript策略模式
定义：定义一系列的算法，把它们一个个封装成函数，也可把它们作为属性统一封装进一个对象，然后再定义一个方法，该方法可根据参数自动选择执行对应的算法。
一般用于在实现一个功能时，有很多个方案可选择的情况。
例子1：根据员工薪水salary、绩效等级S、A、B、C，来计算年终奖
//封装了所有算法的策略对象
varstrategies={
'S':function(salary){
returnsalary*4;
},
'A':function(salary){
returnsalary*3;
},
'B':function(salary){
returnsalary*2;
},
'C':function(salary){
returnsalary*1;
}
}//定义自动选择算法的方法
varcalculateBonus=function(level,salary){
returnstrategies[level](salary);
}
//使用
calculateBonus('S',9000);//36000
calculateBonus('B',5000);//10000
例子2：表单验证
//定义验证算法的策略对象
varstrategies=function(){
isEmpty:function(value,errorMsg){
if(value=''){
returnerrorMsg;
}
}
outRangle:function(value,min,max,errorMsg){
if(value.length>max||value.length<min){
returnerrorMsg;
}
}
isSame:function(oldValue,newValue,errorMsg){
if(newValue!==oldValue){
returnerrorMsg;
}
}
isMobile:function(value,errorMsg){
if(!/(^1[3|5|8][0-9]{9}$)/.test(value)){
returnerrorMsg;
}
}
......
}
也可不定义以下的Validator类，直接在触发失去焦点事件时调用strategies对象的属性方法来验证当前input项
//定义Validator
varValidator=function(){
this.cache=[];
}
Validator.prototype.add=function(elem,rules){
varself=this;
for(vari=0,rule;rule=rules[i++]){
(function(rule){
varstrategyAry=rule.strategy.split(':');
varerrorMsg=rule.errorMsg;
self.cache.push(function(){
varstrategy=strategyAry.shift();
strategyAry.unshift(elem.value);
strategyAry.push(errorMsg);
returnstrategies[strategy].apply(elem,strategyAry);
})
})(rule)
}
}
Validator.prototype.start=function(){
for(vari=0,func;func=this.cache[i++]){
varerrorMsg=func();
if(errorMsg){
returnerrorMsg;
}
}
}
使用：
varvalidator=newValidator();
validator.add(elem.userName,[
{strategy:'isEmpty',errorMsg:'用户名不能为空'},
{strategy:'outRangle:6:12',errorMsg:'用户名长度为6-12位'}
]);
......
varerrorMsg=validator.start();
......
附：参数配置对象
假如有一个函数foo(a,b,c,d,e,f...)，它的参数很多，这样的函数不好使用，参数不好记！比较好的方法是使用一个对象来包含这些参数，然后再把该对象传递给函数，函数再对这个对象的属性做处理
varprop={
a:55,
b:'ss',
c:function(){...}
d:{x:1,y:2}
...
}
foo(prop);
这样一来，使用函数时就不必去记参数顺序了，只需记住参数对象的几个属性名字就行，不易出错
参考文献：《JavaScript模式》《JavaScript设计模式与开发实践》
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。