策略模式-前端应用

本文介绍了策略模式在前端应用中的使用,它允许在运行时改变类的行为。当面临大量if语句、switchcase时,可以考虑使用策略模式进行重构。通过定义策略集合和根据标识执行相应函数,实现灵活的逻辑切换。同时,文章提醒在实现时注意策略执行的容错处理,并提供了简单的代码示例展示如何在前端实现策略模式,以提高代码的可维护性和扩展性。
摘要由CSDN通过智能技术生成

策略模式-前端应用

策略模式介绍

在策略模式(Strategy Pattern)中,一个类的行为或其算法可以在运行时更改。这种类型的设计模式属于行为型模式。

在策略模式中,我们创建表示各种策略的对象和一个行为随着策略对象改变而改变的 context 对象。策略对象改变 context 对象的执行算法。

前端策略嗅探

其实所谓前端策略,就是可配置,通俗来说,就是根据业务固定字段,能够触发对应逻辑的一种行为模式,

当某处逻辑可以以如下的脑图绘制,那么就可以考虑开发出策略模式

树形脑图

当你遇到一大串if语句和嵌套if

当已经写出多重if时,就要考虑是不是可以用策略替代

当使用switch case时

当switch case出现时,这是一个标准的可以封装为策略模式的现象

策略模式开发

其实前端策略模式是比较方便的,只需要熟悉方括号运算符,就可以实现,基本的逻辑如下伪代码:

基本策略模式

声明
策略集{
“策略1”:“执行1”,
“策略2”:“执行2}
执行
策略集.策略1

高级策略

函数1(){}
函数2(){}
执行
this.函数[策略标识]()

多层级策略

策略[一层表示][二层标识]

建议

如果策略标识 不可信任,一定要对于策略执行进行容错处理。

策略集.策略1||错误处理集

组合

以下为实际项目中对策略进行组合使用,行程多阶处理,便于后期维护,因为实际项目,部分敏感字段隐藏处理
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
因为此模式较为简单,没想好有什么不抽,有什么想法可以评论区或私聊问,我将解答或者补充到文章

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_默_

别打赏了,点点赞,点点关注就行

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值