1.策略模式的定义
- 策略模式是用来封装算法的,可以用来封装一组相同类型的业务规则,只要这些业务规则指向的目标一致,并且可以被替换使用,就可以用策略模式来封装他们。
- 在js中可以用一个map对象来实现一个策略类,其中包含有各种业务逻辑函数,然后用另一个Context类来根据实际情况的不同,来使用不同的策略来处理业务。
- 策略模式的常见应用就是,可以用来实现一个表单验证器,来验证用户是否输入的合法数据。
2.表单验证器
表单验证器的核心思想就是首先封装一个策略对象出来,然后在验证器类中使用一个数组来存放各种验证逻辑,验证逻辑则可以用一系列回调函数来表示,等到需要验证时,即调用存放的各个验证逻辑。
(function(){
//策略对象,主要为各种校验规则
var strategies={
required: function(value,errorMsg){
if(value===''){
return errorMsg;
}
},
minLength: function(value,length,errorMsg){
if(value.length<length){
return errorMsg;
}
},
maxLength: function(value,length,errorMsg){
if(value.length>length){
return errorMsg;
}
},
isMobile: function(value,errorMsg){
if(!/^1[3|5|8][0-9]{9}$/.test(value)){
return errorMsg;
}
}
}
//Validater验证器类,context类来使用相应的策略对象中的方法
function Validater(){
this.validaters=[];
}
//为一个dom添加单一的验证规则
Validater.prototype.add=function(dom,rule,errorMsg){
this.validaters.push(function(){
var arg=rule.split(':');
var strategy=arg.shift();
arg.unshift(dom.value);
arg.push(errorMsg);
console.log(arg);
return strategies[strategy].apply(dom,arg);
});
};
//为一个dom添加多个验证规则
Validater.prototype.set=function(dom,rules){
var self=this;
rules.forEach(function(rule){
//再循环中传递回调函数时,需要注意将循环值用立即执行函数拷贝一份,
//保存起来,方便闭包进行引用
(function(rule){
self.validaters.push(function(){
var arg=rule.strategy.split(':');
var strategy=arg.shift();
arg.unshift(dom.value);
arg.push(rule.errorMsg);
return strategies[strategy].apply(dom,arg);
});
})(rule);
});
};
//开始进行验证,找到第一个验证问题即返回
Validater.prototype.start=function(){
for(var i=0,len=this.validaters.length;i<len;i++){
var msg=this.validaters[i]();
if(msg){
return msg;
}
}
};
//将验证器类暴露出来,方便外界调用
window.Validater=Validater;
})();
这里需要注意的一点就是,在循环中添加验证逻辑的回调函数时,因为使用了闭包,所以需要使用立即执行函数,将循环的数据进行一次拷贝,避免在调用回调函数时,引用的都是最后一个循环的数据。
3.策略模式的本质
在函数作为一等对象的语言中,策略模式是隐形的,策略strategy就是值为函数的变量。可以将不同的业务逻辑函数传递到主函数中,当对这些业务逻辑函数进行调用时,不同的函数会返回不同的执行结果,即使用了函数对象的多态性。