首页 / 设计模式 / js 设计模式之策略模式
js 设计模式之策略模式
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了js 设计模式之策略模式，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1538字，纯文字阅读大概需要3分钟。
内容图文
//
策略模式
var validataRules = {
‘minLeng‘ :function(val, length, msg) {
if (val && val.length > 6) {
return msg
}
},
‘isMobile‘: function(val, msg){
if (!/(^1[3|5|8][0-9]{9}$)/.test(val)){
return msg
}
},
‘isCardId‘: function(val, msg){
if (!/(^[1-9][1-9]{17}$)/.test(val)){
return msg
}
},
isNonEmpty: function (val, msg) {
if (val === ‘‘) {
return msg;
}
}
}
var validata = function () {
this.item = []
}
validata.prototype = {
construcor: validata,
add:function(val, rules) {
var self = this;
for(let i=0; i< rules.length; i++){
self.item.push(function(){
var argArr = rules[i].valiName.split(‘:‘);
var ruleName = argArr.shift()
argArr.unshift(val)
argArr.push(rules[i].msg)
return validataRules[ruleName].apply(self, argArr)
})
}
},
start:function(){
for ( let i=0;i<this.item.length;i++){
var msg = this.item[i]()
if (msg){
return msg
}
}
}
}
$(‘#btn3‘).click(function() {
var validataFunc = new validata()
validataFunc.add(‘123‘,[{
valiName:‘isMobile‘,
msg:‘请输入正确手机号‘
},{
valiName:‘isNonEmpty‘,
msg:‘请输入内容‘
}])
var errMsg = validataFunc.start()
if (errMsg){
console.log(errMsg)
}
});
})
1. 定义
定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。
2. 核心
将算法的使用和算法的实现分离开来。
一个基于策略模式的程序至少由两部分组成：
第一个部分是一组策略类，策略类封装了具体的算法，并负责具体的计算过程。
第二个部分是环境类Context，Context接受客户的请求，随后把请求委托给某一个策略类。要做到这点，说明Context 中要维持对某个策略对象的引用
3. 实现
策略模式可以用于组合一系列算法，也可用于组合一系列业务规则
假设需要通过成绩等级来计算学生的最终得分，每个成绩等级有对应的加权值。我们可以利用对象字面量的形式直接定义这个组策略
4. 优缺点
优点
可以有效地避免多重条件语句，将一系列方法封装起来也更直观，利于维护
缺点
往往策略集会比较多，我们需要事先就了解定义好所有的情况
原文：https://www.cnblogs.com/mk2016/p/12910006.html
内容总结
以上是互联网集市为您收集整理的js 设计模式之策略模式全部内容，希望文章能够帮你解决js 设计模式之策略模式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。