轻松掌握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设计模式与开发实践》
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。