大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~
最近我在项目中遇到一个需求，就是需要根据一个人的这些条件：
- 名字
- 岁数
- 体重
根据不同的这些条件去执行不同的函数，比如：
- 林三心-20-160： 输出我叫林三心，我是个年轻人，我是个瘦子
- 林三心-60-300： 输出我叫林三心，我是个老年人，我是个胖子
这种判断是需要嵌套判断的，情况非常多，写起代码非常麻烦，且可维护性很差，所以我第一时间想到了策略模式来解决，但是发现大部分网上的策略模式方案讲解都不太符合我这个需求。
最近我对策略模式又有新的理解，我想通过我自己的方式将这些知识分享给大家。
你认识策略模式吗？
我理解策略模式就是，在不同的条件下去做不用的事情，并且这些事情是不会互相影响的，我们可以把这些不同的事情封装起来。
就比如下面的简单例子，根据 name 的不同的值，去执行不同的代码：
上面的代码怎么优化呢？看过一些简单策略模式的朋友，肯定第一感觉就是使用对象去存储，其实在这个场景中，完全可以去这么做：
复杂情况呢？
上面的代码例子是非常简单的，但是如果是一些比较复杂的场景呢？比如我不止 name 了，我加了 age ，那么这样的 if 嵌套，你又该如何去用简单的 map 去解决呢？
有人说，那我这样去做，不就行了~
是，其实你非要去做也能做，无非就是麻烦点，但是如果我不止 name、age，我又加了 height、weight、username、phone 之类的判断条件，请问阁下又该如何应对呢？而且是嵌套的哦~
还有一种情况，就是如果我们并不是每一个分支的情况都需要去执行代码的，比如：
- sunshine_lin：只需要关注 20、40岁 的情况
- sanxin_lin：只需要关注 60岁 的情况
- 林三心：只需要关注 20岁 的情况
或者哪天我想改变规则了，比如：我想改变一下，只关注 sunshine_lin 的 40岁 情况。
在遇到上述所说这些情况的时候，如果你还以上面的策略模式方案去解决问题，那么解决起来会非常棘手，可维护性也不太高，所以我们应该换一个方案~
换汤不换药
大方向上，还是用一个对象去映射，也就是不同条件映射到不同的执行代码，只不过呢，这个时候我们要把条件换一换，还是刚刚的例子：
换一种思路，我们使用一个集合去当条件，比如像这样子：
是的，这个所谓的集合就是所有判断条件组成的一个对象，把他转成字符串，当做策略的条件，这样是不是就看起来更加方便了？但其实是有坑的，比如下面这两种条件，其实就是同一个条件，但是因为序列化时会有顺序的问题，导致了两个相同的条件匹配不到同一个函数：
所以我们需要对条件对象进行排序，要保证这两个条件匹配到同一个函数，怎么做呢？我们要让他们顺序保持一直就行了！！需要利用到 Map 这个数据结构，Map 的 key 是有顺序的~
这样就保证了不同顺序的条件对象，能匹配到同一个函数了~
封装 + 可拓展性
上面的代码都是比较散的代码，如果想要代码更好的复用，肯定是需要进行封装，使用一个 class 去封装，并且你要考虑一些边界情况，比如：
- 条件匹配不上，需要执行默认情况
- 代码报错处理
想要更好地去完成这个方案，我们可以借助另一种设计模式发布订阅模式，具体代码请看下方，我建议大家要多看代码，多敲，从中领略到它到底有啥好处~
完整代码
class Strategy {
map = new Map();
constructor({ defaultCbs, errorCbs }) {
// 默认
this.map.set("default", defaultCbs ?? []);
// 错误
this.map.set("error", errorCbs ?? []);
}
// 获取条件key
getCondition(condition) {
const conditionMap = new Map();
Object.keys(condition)
.sort()
.forEach((key) => {
conditionMap.set(key, condition[key]);
});
return JSON.stringify(Object.fromEntries(conditionMap));
}
// 增加条件情况
add(condition, conditionCbs) {
const currentCondition = this.getCondition(condition);
let cbs = this.map.get(currentCondition);
if (!cbs) {
this.map.set(currentCondition, []);
cbs = this.map.get(currentCondition);
}
cbs.push(...conditionCbs);
}
// 执行条件情况
do(condition) {
const currentCondition = this.getCondition(condition);
try {
const cbs = this.map.get(currentCondition);
if (cbs) {
cbs.forEach((cb) => cb(JSON.parse(currentCondition)));
} else {
// 匹配不到则执行默认函数
const defaultCbs = this.map.get("default");
defaultCbs.forEach((cb) => cb(JSON.parse(currentCondition)));
}
} catch (e) {
// 报错执行报错函数
const errorCbs = this.map.get("error");
errorCbs.forEach((cb) => cb(e));
}
}
}
const strategy = new Strategy({
defaultCbs: [
(v) => {
console.log("这是默认情况", v);
},
],
errorCbs: [
(e) => {
console.log("这是错误情况", e);
},
],
});
const condition = {
name: "sunshine_lin",
weight: 160,
};
// 此时还没有注册条件事件，所以输出默认事件
strategy.do(condition);
// 添加条件函数
strategy.add(condition, [
(v) => {
console.log("事件1", v);
},
(v) => {
console.log("事件2", v);
},
]);
// 此时有条件事件了，输入：事件1 事件2
strategy.do(condition);
const condition2 = {
name: "error_lin",
weight: 1000000,
};
// 可以增加报错条件
strategy.add(condition2, [
(v) => {
throw new Error("我超重啦！！！！");
},
]);
// 报错，输出：我超重啦！！！！
strategy.do(condition2)
