共计 2935 个字符，预计需要花费 8 分钟才能阅读完成。
设计模式是: 在面向对象软件过程中针对特定问题的简洁而优雅的解决方案. 通过对封装、继承、多态、组合等技术的反复利用, 提炼出可重复使用面向对象的设计技巧.
JavaScript 可以模拟实现传统面向对象语言的设计模式. 事实上也的确如此, 好多的代码 demo 都是沿着这个思路分析的. 看完后心里不免有种一万头???? 在奔腾, 还顺便飘来了六个字, 走 (qu) 你(de), 设计模式.
然而仅仅是生搬硬套, 未免会失去 JavaScript 的灵活性. 不如溯本求源, 看看这些设计模式到底在传达什么, 然后遵循此点.
策略模式定义
策略模式: 定义一系列的算法, 把它们一个个封装起来, 并且使它们可以相互替换.
字面意思, 就是定义封装多种算法, 且各个算法相互独立. 当然, 也不仅仅是算法. 只要定义一些规则, 经处理后输出我们想要的结果就成. 在此我们称单个封装后的算法为一个策略. 一系列封装后的算法称为一组策略.
一个基于策略模式的程序至少由两部分组成. 第一部分是一组策略类, 策略类封装了具体的算法, 并负责具体的计算过程. 第二部分是环境类 Context, Context 接受客户的请求, 随后把请求委托给某一个策略类.
这是面向传统面向对象语言中的说法. 在面向对象思想中, 通过对组合, 多态等技术的使用来实现一个策略模式. 在 JavaScript 中, 对于一个简单的需求来说, 这么做就有点大材小用了.
所以, 上面的那句话, 我们换种说法就是, 策略模式需要至少两部分, 一部分是保存着一组策略. 另一部分则是如何分配这些策略, 即如何把请求委托给某个 / 些策略. 其实这也是策略模式的目的, 将算法的使用与算法的实现分离.
评级
快到年底了, 公司打算制定一个标准用来给员工评级发福利.
考核项目等级
甲
乙
丙
A
100>a>=90
90>a>=80
80>a>=70
B
100>b>=90
90>b>=80
80>b>=70
以 A、B 考核项目来评定甲乙丙等级. 现有考核人员:
考核项目考核人
person_1
person_2
person_3
A
80
93
92
B
85
70
90
const persons = [
{A: 80, B: 85},
{A: 93, B: 70},
{A: 92, B: 90}
]
在策略模式中一部分, 我们提到的分配策略. 要想分配策略, 首先就要知道所有的策略, 只有这样我们才能针对性的委托给某个 / 些策略. 这, 也是策略模式的一个缺点.
常规操作
甲乙丙等级对 A、B 的分值要求是不一样的. 所以我们可以这么做:
function rating(person) {
let a = person.A;
let b = person.B;
if (a >= 90 && b >= 90) {
return ‘ 甲 ’;
} else if (a >= 80 && b >= 80) {
return ‘ 乙 ’;
} else if (a >= 70 && b >= 70) {
return ‘ 丙 ’
} else {
console.log(‘ 凭啥级, 还不赶紧卷铺走人 ’);
}
}
persons.forEach(person => {
person.rate = rating(person);
})
// > persons
// [{ A: 80, B: 85, rate: ‘ 乙 ’},
// {A: 93, B: 70, rate: ‘ 丙 ’},
// {A: 92, B: 90, rate: ‘ 甲 ’} ]
策略模式下的评级
如果换成策略模式, 第一部分就是保存一组策略. 现在我们以甲乙丙三种定级标准来制定三种策略, 用对象来存贮策略. 考虑到以后可能有 D、E、F 等考核项目的存在, 我们稍微改一下:
const strategies = {
‘ 甲 ’: (person, items) => {
const boolean = items.every(item => {
return person[item] >= 90;
});
if (boolean) return ‘ 甲 ’;
},
‘ 乙 ’: (person, items) => {
const boolean = items.every(item => {
return person[item] >= 80;
});
if (boolean) return ‘ 乙 ’;
},
‘ 丙 ’: (person, items) => {
const boolean = items.every(item => {
return person[item] >= 70;
});
if (boolean) return ‘ 丙 ’;
}
}
策略就制定好了. 对象的键对应着策略的名称, 对象的值对应着策略的实现. 然而, 我们发现, 任何一个策略都不能单独完成等级的评定.
可是, 我们有说一组策略只能选择其中一个么? 为了达成某个目的, 策略组封装了一组相互独立平等替换的策略. 一个策略不行, 那就组合呗. 这也是策略模式另一部分存在的意义, 即如何分配策略.
function rating(person, items) {
return strategies[‘ 甲 ’](person, items)
|| strategies[‘ 乙 ’](person, items)
|| strategies[‘ 丙 ’](person, items)
}
persons.forEach(person => {
person.rate = rating(person, [‘A’, ‘B’])
})
// > persons
// [{ A: 80, B: 85, rate: ‘ 乙 ’},
// {A: 93, B: 70, rate: ‘ 丙 ’},
// {A: 92, B: 90, rate: ‘ 甲 ’} ]
逻辑的转移
所有的设计模式都遵循一条原则. 即“找出程序中变化的地方, 并将变化封装起来”.
将不变的隔离开来, 变化的封装起来. 策略模式中, 策略组对应着程序中不变的地方. 将策略组制定好存贮起来, 然后想着如何去分配使用策略.
当然, 如何制定策略和如何分配策略之间的关系十分紧密, 可以说两者相互影响.
再次看看制定的策略,“找出程序中变化的地方, 并将变化封装起来”, 我们可以再次改造一下.
const strategies = {
‘ 甲 ’: 90,
‘ 乙 ’: 80,
‘ 丙 ’: 70,
}
function rating(person, items) {
const level = value => {
return (person, items) => {
const boolean = items.every(item => {
return person[item] >= strategies[value];
});
if (boolean) return value;
}
}
return level(‘ 甲 ’)(person, items)
|| level(‘ 乙 ’)(person, items)
|| level(‘ 丙 ’)(person, items)
}
persons.forEach(person => {
person.rate = rating(person, [‘A’, ‘B’])
})
// > persons
// [{ A: 80, B: 85, rate: ‘ 乙 ’},
// {A: 93, B: 70, rate: ‘ 丙 ’},
// {A: 92, B: 90, rate: ‘ 甲 ’} ]
在上面的这种做法中, 我们把制定策略的逻辑挪到了分配策略里了. 所以说, 如何制定策略和如何分配策略, 依情况而定.
不过回头在看一看这段代码, 是不是和平时用对象映射的做法很相似.
当然, 策略模式的用法还有很多, 最常见的是规则校验.
小结
总结一下:
策略模式至少包括两部分, 制定策略和分配策略.
策略模式的目的在于, 将策略制定和策略分配隔离开来.
策略制定和策略分配关系密切, 相互影响.
