同事的【策略模式】比我高级这么多？我哪里比不过人家？

大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~

10余年的巴里坤哈萨克网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整巴里坤哈萨克建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联公司从事“巴里坤哈萨克网站设计”,“巴里坤哈萨克网站推广”以来，每个客户项目都认真落实执行。

最近我在项目中遇到一个需求，就是需要根据一个人的这些条件：

名字
岁数
体重

根据不同的这些条件去执行不同的函数，比如：

林三心-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)

网页标题：同事的【策略模式】比我高级这么多？我哪里比不过人家？
本文来源：http://www.shufengxianlan.com/qtweb/news7/109707.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容