策略模式

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第12天，点击查看活动详情

大家好,我是大帅子,今天跟大家,讲一下我们前端的策略模式,因为我对此的认知比较浅,但是确实觉得此方式是真的好用,所以分享出来,如果有错误的话,烦请大家指出来,一起学习

概括

在我们后端的返回数据里面,常用的就是一个数字对应一个数据,

例如 0:男,1:女 , 那么我们有没有什么简单的方式能够实现,只用一个函数就可以实现,完成这个东西

下面我就举一个梨子,大家直接看详情,

 hireType: [
    {
      id: 1,
      value: '正式'
    },
    {
      id: 2,
      value: '非正式'
    }
  ],
  
  
  const hireType = hireType.reduce((acc, item) => { 
      return { ...acc, [item.id]: item.value } },{})
      
      // 直接传入1就是正式,2就是非正式
      formatEmployment(id) {
           return hireType[id]
    }

当然大家就在想,我们可以直接进行三元是吧

变量===1 ? '正式':'非正式'

但是我们思考一下,不管是三元还是if elseif ,都只适用于少量的,多了就会造成冗余,这个方法还是期待大家学习一下

小结

业务：从已有一一对应的关系中，找出目标值，可以先把数组转对象，再通过对象的属性来快速获取值。

上面的写法叫策略模式，常用的设计模式之一。

设计模式： 软件设计的一个专业术语。对某一类常见问题（23）有最优解决的方案，提炼成一个固定的套路---称之为一种设计模式。

---

好了,这边已经给大家介绍到这里,以上是我自己的理解,希望可以帮到大家, 欢迎留言我这边一定会第一时间给大家解答,喜欢的可以点赞收藏
🐣---->🦅         还需努力!大家一起进步!!!