定义：定义一系列的算法，把它们一个个封装成函数，也可把它们作为属性统一封装进一个对象，然后再定义一个方法，该方法可根据参数自动选择执行对应的算法。
一般用于在实现一个功能时，有很多个方案可选择的情况。
例子1：根据员工薪水salary、绩效等级S、A、B、C，来计算年终奖
//封装了所有算法的策略对象
var strategies = {
'S': function(salary){
return salary*4;
},
'A': function(salary){
return salary*3;
},
'B': function(salary){
return salary*2;
},
'C': function(salary){
return salary*1;
}
} //定义自动选择算法的方法
var calculateBonus = function(level,salary){
return strategies[level](salary);
}
//使用
calculateBonus('S',9000); //36000
calculateBonus('B',5000); //10000
例子2：表单验证
//定义验证算法的策略对象
var strategies = function(){
isEmpty:function(value,errorMsg){
if(value = ''){
return errorMsg;
}
}
outRangle:function(value,min,max,errorMsg){
if(value.length > max || value.length < min){
return errorMsg;
}
}
isSame:function(oldValue,newValue,errorMsg){
if(newValue !== oldValue){
return errorMsg;
}
}
isMobile:function(value,errorMsg){
if(!/(^1[3|5|8][0-9]{9}$)/.test(value)){
return errorMsg;
}
}
......
}
也可不定义以下的Validator类，直接在触发失去焦点事件时调用strategies对象的属性方法来验证当前input项
//定义Validator
var Validator = function(){
this.cache = [];
}
Validator.prototype.add = function(elem,rules){
var self = this;
for(var i = 0, rule; rule = rules[i++]){
(function(rule){
var strategyAry = rule.strategy.split(':');
var errorMsg = rule.errorMsg;
self.cache.push(function(){
var strategy = strategyAry.shift();
strategyAry.unshift(elem.value);
strategyAry.push(errorMsg);
return strategies[strategy].apply(elem,strategyAry);
})
})(rule)
}
}
Validator.prototype.start = function(){
for(var i = 0, func; func = this.cache[i++]){
var errorMsg = func();
if(errorMsg){
return errorMsg;
}
}
}
使用：
var validator = new Validator();
validator.add(elem.userName,[
{strategy:'isEmpty', errorMsg:'用户名不能为空'},
{strategy:'outRangle:6:12', errorMsg:'用户名长度为6-12位'}
]);
......
var errorMsg = validator.start();
......
附：参数配置对象
假如有一个函数foo(a,b,c,d,e,f...)，它的参数很多，这样的函数不好使用，参数不好记！比较好的方法是使用一个对象来包含这些参数，然后再把该对象传递给函数，函数再对这个对象的属性做处理
var prop = {
a:55,
b:'ss',
c:function(){...}
d:{x:1,y:2}
...
}
foo(prop);
这样一来，使用函数时就不必去记参数顺序了，只需记住参数对象的几个属性名字就行，不易出错
参考文献： 《JavaScript模式》 《JavaScript设计模式与开发实践》
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
js,策略模式,表单验证
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。